Latest Contributions by StephenSylvia

Yes, in addition to just changing out what icons get displayed in the legend through the basic configuration, you will also need to go into the JavaScript and adjust the map config file with a new renderer to fit your data. Adjusting the renderer requires you to start with the developer version of the code which has the uncompressed source code. Once you have done this, the developer guide will guide you through the build process to prepare your app for deployment. The map config can be found in the source folder in the following location: source > app > javascript > playlist > MapConfig.js Here's an example MapConfig.js file that we used used the simple icons with. A couple things to note: Make sure to set defualt renderer to false The icons are slightly different sizes so you will need to adjust those (you can use the same size/offset that is in the example page) Add your new renderer within the else statement starting on line 75 ... View more

It looks like the social media plugin is having trouble running from the dropbox https location. You could try replacing the social media plugin or attempt to update it with your own account. I did notice the http version seems to run fine across all the browsers: http://dl.dropboxusercontent.com/u/269491402/index.html ... View more

This is a browser security restriction. The app is being loaded over https but there is a script that was still hardcoded to http. The browser was blocking it from running until you authorized it. There is a simple fix. On line 67 of the index file replace this: [HTML]<script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>[/HTML] with this: [HTML]<script type="text/javascript" src="//w.sharethis.com/button/buttons.js"></script>[/HTML] I have updated the source code on github so it will be fixed if you use the template again. ... View more

When you toggle the layer visibility with Jquery like you have done here, $("#sagcot_2314_0_layer").hide(); you are only changing the visibility in the DOM but are not telling the JavaScript map object that you have hidden the layer. Therefore, the map will still show any features under the mouse where you clicked in the popup. Instead, you will need to hide the layer with the JavaScript API. Replace the current line of code: $("#sagcot_2314_0_layer").hide(); With this line: _maps[0].getLayer("sagcot_2314_0").hide(); And so on with all the layers you need to hide. When you have done this the features will not show up in the popup. ... View more

Google does not allow their streetview content to be directly embedded into iframes (what the map tour uses to embed videos). There is a work around but takes a little extra work. First, you will need to apply for a Google maps API key and use there API to create a simple page that loads a streetview. If you look at the documentation here: https://developers.google.com/maps/documentation/javascript/examples/streetview-embed, there is a simple example that you should be able to copy. Then you can change the map position, heading, pitch, and zoom to fit your needs. Once you have created this page, you will need to host it on a webserver then embed this new page into a map tour. ... View more

Sorry, yes is should be: if (map.getLevel() > 10){ The larger the number, the more zoomed in you are. ... View more

Yes, you should be able to add an event listener on the on "extent-change" the call a function similar to this: [HTML] map.on('extent-change',function(){   if (map.getLevel() < 10){     $(".zoomTo").css("display","none");   }   else{     $(".zoomTo").css("display","block");   } }); [/HTML] ... View more

It looks like you placed the ".zoomTo{display:none;}" within a media query. All the styles in that media query will only be applied to screens sizes < 781px. If you move it to the very bottom of the file, outside the last bracket, it should work. ... View more

Are you putting it at the end of the core.css? Can you share a public link to your app that we can investigate further? ... View more

Instead of using the description editor in ArcGIS Online, you will need to append the description from within the JavaScript file. In the map.js file within the mapCreate function, you will see: if (i == 0) { document.title = configOptions.title || response.itemInfo.item.title || ""; dojo.byId("title").innerHTML = configOptions.title || response.itemInfo.item.title || ""; dojo.byId("subtitle").innerHTML = configOptions.subtitle || response.itemInfo.item.snippet || ""; dojo.byId("description0").innerHTML = configOptions.description || response.itemInfo.item.description || ""; if (configOptions.webmaps.length > 1) { dojo.byId("title0").innerHTML = response.itemInfo.item.title || ""; dojo.byId("description0").innerHTML = response.itemInfo.item.description || ""; } } if (configOptions.webmaps.length > 1) { dojo.byId("tabText" + i).innerHTML = configOptions.tabTitles.title || response.itemInfo.item.title || ""; dojo.byId("title" + i).innerHTML = response.itemInfo.item.title || ""; dojo.byId("description" + i).innerHTML = response.itemInfo.item.description || ""; } After this, you could add the following line of code: $("#description" + i).append("add description content") where the text in blue is the content you want to add to the bottom of the description. You will need to add the appropriate html tags. In order to get the correct layer name, you can open the web browser's console (f12 in chrome) and log all the layer ids using these two commands: _maps[0].layerIds _maps[0].graphicsLayerIds You will need to do this for every map. _maps[0] will refer to the map in the first tab, _maps[1] will refer to the map in the second tab, etc. Replace the layer name (_maps[0].getLayer("layer1").hide(); ) with one of the layersIds until you find the correct Id. ... View more

Unfortunately, you will not be able to hard code something in the index.html file because of the problems you previously mentioned but instead, you will have to modify the JavaScript to make sure these buttons are only displayed with their corresponding maps. At the beginning of the map load function in the JavaScript, there is a line that append's a map's specific description to the description-pane. Later in the change map function, the app will toggle the visibility of the different descriptions. One way to accomplish this would be to append the new buttons within a map's specific description, then you will not have to worry about having the buttons appear all the time. Once you have that, you will need to write a new function in the JavaScript to apply an action when someone clicks on these buttons. This is where you can use the map.getLayer("layer-id").hide() or map.getLayer("layer-id").show() methods. ... View more

This bug will be fixed in the upcoming release of the API, v3.9. ... View more

It looks like this is caused by a bug in the JavaScript API. I have reported it to our API team and they are looking into it further. ... View more