From 4ce197bcdc2fb68ff76926318f0dd7fa2492a4b3 Mon Sep 17 00:00:00 2001 From: Andy Gup Date: Sun, 8 Jun 2014 11:21:10 -0600 Subject: [PATCH] media query for modifying symbol size by screen size --- samples/appcache-features.html | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/samples/appcache-features.html b/samples/appcache-features.html index ee6cc00..fd8de3c 100644 --- a/samples/appcache-features.html +++ b/samples/appcache-features.html @@ -284,11 +284,22 @@ require([ // Symbols and images var redPinPath = "../samples/images/red-pin.png"; - var bluePinPath = "../samples/images/blue-pin.png" + var bluePinPath = "../samples/images/blue-pin.png"; - var defaultSymbol = new SimpleMarkerSymbol().setStyle( - SimpleMarkerSymbol.STYLE_DIAMOND).setColor( - new Color([255,0,0,0.5])).setSize(35); + var defaultSymbol; + + // Modify symbol size based on screen size. + // Bigger screens get smaller symbols. Smaller screens get larger symbols. + if (document.documentElement.clientHeight > 768 || document.documentElement.clientWidth > 1024) { + defaultSymbol= new SimpleMarkerSymbol().setStyle( + SimpleMarkerSymbol.STYLE_DIAMOND).setColor( + new Color([255,0,0,0.5])).setSize(20); // scripts + } + else{ + defaultSymbol= new SimpleMarkerSymbol().setStyle( + SimpleMarkerSymbol.STYLE_DIAMOND).setColor( + new Color([255,0,0,0.5])).setSize(35); + } // Miscellaneous variables var appCacheManager;