Latest Contributions by Esriwebmap

I have followed the instructions for 1.4 and have a problem. demo map when you click on one of the maps the inbed map starts to load but then just hangs with the spinning loading icon. Am I missing something? Thanks Hi Charles, It looks like you need to enter a bing maps key. It's unable to load the map because it may be using a bing maps basemap. See the config or documentation for more. ... View more

How do I configure the file to open with ArcGISexplorer as the viewer map? Hi Veronica, You can change the file to open in explorer in the optional settings config. Here's the line of code to look for: // CHANGES THE MAP VIEWER TO USE 'simple' (map.html), 'explorer' (ArcGIS Explorer) or 'arcgis' (ArcGIS Javascript) pmgConfig.mapViewer = 'simple'; // values: 'simple', 'explorer' or 'arcgis'. default: 'simple'. ... View more

Hi.  With the 1.3.1 version I was able to place layer packages within my ArcGIS Online map gallery group and the layer package would be available for downloading on the right side of the page.  Version 1.4 shows additional maps where Version 1.3.1 showed layer packages.  How do I get my layer packages available in Version 1.4 as they are in Version 1.3.1 Hi Michael, You can put links on the right side in the content config. It's not using a group, but you can use any link you'd like. Thanks ... View more

OK - most of the functionality which is built into the new version, we appreciate.  That being said I have one major issue and one minor. MAJOR ISSUE:  It seems that mobile users are not being redirected to the their respective mobile apps.  I don't care if the index3 is brought back or the redirect is from idex, but we really need it.  It seems that some of the code is still in there but not all; perhaps I am missing something... help plz. MINOR ISSUE:  The graphics formatting keeps changing.  We will always default to our personal logos, fonts, branding, yadda yadda ...  I wish esri would quit being so controlling in this regard.  The idea is to make it personable, etc.  I would much rather have more control over layout and such and imbed an esri logo than be constantly steered into whatever direction.  When I go to the grocery store to buy milk and sugar - i buy milk and sugar; i don't care how many times they change the store:)  It just so happens to be that the milk and sugar in this case is our look, our font, our logo (on top ribbon!) etc.  I do believe that it is important to give ESRI credit and for their logo to be included.  But esri is an intermediary; it is ESRI's job to generally help gis users put out product to the consumers.  The extent to which it is beneficial for all the templates to have the same look and feel is suspect and i believe the more personable the product is the greater the success of the template and the more restrictive - the inverse.  While the current iteration has simplified many elements, it is kinda restrictive and we will likely always cut out a lot and hard-code back w/ html.  btw: reactivating the mobile facet is really important to us and would be greatly appreciated if someone could help me in this regard or have 1.4x come out and reinstate it... We are trying to mix and match from 1.3 and 1.4 and not being familiar with all this would be way easier to remove functionality that we don't want than to add it back from some previous version... Hi David, Have you turned on the mobileAppLink option in the optional settings config? // USE ARCGIS iOS APP LINKS FOR USERS ON iOS DEVICES. Default: false. pmgConfig.mobileAppLink = true; I've verified that this works for iOS devices but I haven't for Android or Windows OS. I'm not sure if the same support exists. I'll look into it. A little background; The first version of this template we targeted web developers with Javascript/HTML/CSS expertise but we found that a lot of users using it didn't have that experience so we made this version simpler which is why it's more controlled. We have discussed a version of the template that embeds into a users current site design. I'll keep you posted on that. Thanks ... View more

Hi, My gallery: http://46.137.167.81//public-maps-gallery/index.html I'm using the mapViewer of ArcGIS.com: // CHANGES THE MAP VIEWER TO USE 'simple' (map.html), 'explorer' (ArcGIS Explorer) or 'arcgis' (ArcGIS Javascript) pmgConfig.mapViewer = 'arcgis'; // values: 'simple', 'explorer' or 'arcgis'. default: 'simple'. The gallery generates a wrong URL to ArcGIS.com: http://arcgis.com/home/webmap/viewer.html?webmap=8969ca7d9cc64cb083876ff519912f80 (without www) When there is a feature layer in the map editing will be not available (without the www) The URL has to be: http://www.arcgis.com/home/webmap/viewer.html?webmap=8969ca7d9cc64cb083876ff519912f80 Where to change the URL setting in the code? Thanks, Marco Hi Marco, That's in the optional settings config file. pmgConfig.arcgisPortalURL = 'http://arcgis.com/'; I've updated the code on Arcgis.com to include the www. Thanks ... View more

I have two issues to raise regarding the update from the 1.3.1 version of the map gallery template to the 1.4 version. First, the method of adding a title to the banner has changed.  It used to be a graphic and now it is a text string.  I see how that makes things easier but I have lost my logo and preferred font.  What is the best way to get back to the logo and font I would prefer to have?  Bear in mind I know pretty much nothing about CSS, and I'm guessing that I will need to make some adjustments in that area.  Here are the two versions to see the comparison. 1.3.1 -- http://maps.rockvillemd.gov/gallery 1.4   -- http://maps.rockvillemd.gov/gallery14 Second, when 1.3.1 was released I gave some feedback that it would be good if the legend would respect scale dependencies and only show the legend symbology for the map's current scale.  This appears not to have been done.  What is the status of this? Example (streetlights map in the gallery):  http://maps.rockvillemd.gov/gallery/map.html?webmap=da37c709d83c4a398993dd5972951f52 Thanks, Marc Hey Marc, Thanks for the feedback. 1. Yes, we made it a text string to simplify things. You can change the font with CSS but if it's a custom font you're wanting to use, you may have to use a webfont. Otherwise, just changing the value with CSS is fine. It's in global.css line 176. I'll see if I can do an update where you can either choose text or an image to use as the banner via the config. That would solve this problem. Some people will just choose text because it's easier. We tried to make this version easier for non technical people to set up. 2. There are a couple different ways to render the legend I think. I think it depends on the kind of data and how it's stored. I'll have to look into this more but I'm not sure what I can do. This map legend does change when zooming in/out so it's something to do with that map. http://maps.rockvillemd.gov/gallery/map.html?webmap=4a176c17c322483bb857c18cf6df059a ... View more

Matt, Very interesting that it worked for you.  I actually never changed the code because I named my graphic as yourLogo.png.  I sent it to you with Rockville in the name only so you would know what it is.  Anyway, using the /gallery/graphics... path did not help.  I can't use the external URL path yet since I'm working on the configuration on my local desktop machine.  In case it matters, my OS is Windows 7 64-bit. Another thing going on with IE, perhaps unrelated, is that the gallery page loads extremely slowly and when I open the error message from the status bar in IE, I get the following: Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; Media Center PC 6.0; MDDR; .NET4.0C; .NET CLR 3.5.30729; .NET CLR 3.0.30729) Timestamp: Thu, 1 Dec 2011 21:51:05 UTC Message: Access is denied. Line: 4 Char: 12073 Code: 0 URI: file:///C:/GIS/Web_mapping/LocalGov_Portal/public-maps-gallery-1.4/public-maps-gallery/scripts/plugins/modernizr.min.js Thanks, Marc Hi Mark, Yes, that error only occurs when running the webpage from the local filesystem in IE. It's probably what's causing the PNG image to not display as well. If you run the file from a web server, IE will not have that error. It's just IE's security not allowing the script to run from the local filesystem. ... View more

I also used the 1.3 version and I didn't have problems with it. I know I figure it was the explorer because there some instances in which when I refresh the page the logo shows but then when you open it again is gone. Hope that somebody out there can find a solution to this annoying little problem. What version of IE are you using? Some versions of IE don't display PNG files with transparency correctly. If possible can you try making it a GIF? or if it doesn't have transparency can you change it to a JPG? ... View more

I'm getting an "Invalid token" message with Error 498 when I click the download link. Above the error it shows "ArcGIS Geowarehouse" with a "Home" link.  Clicking the Home link brings up, "Services Directory is disabled" with Error 403.  I've tried this with different browsers and even different Internet connections with no difference.  What's going on? Edit:  I discovered that the download link at the bottom by Code Attachment works.  The link in Step 1 of how to use the template is the one causing problems. Sorry about that. The download link at the top is fixed. ... View more

The updated version 1.4 is now available. Forum thread Download / Preview ... View more

Just a follow up to report that I put the site out on our web server and as you suggested, the fb and +1 buttons now display after doing so.  Thanks again. Thanks for the update and testing that out. ... View more

Thanks for the response.  I was going to play around with the "clear" tags to see whether that was the problem.  Your answer may be the correct explanation (I'm hoping at least).  I'll throw it up on my web server some time soon to test. I prefer the pagination in 1.3.1 because I think it's more aesthetically pleasing.  Am I out of luck here?  Please say it isn't so. Thanks again, and keep up the good work. Here's the old styled pagination in 1.4 Replace the query.arcgis.js file and then remove the pagination styles in global.css and replace it with the following: /*-------------------------------------------------- */ /* Pagination */ /*-------------------------------------------------- */ .pagination { margin:0 0 20px 0; display:none; font-size:12px; line-height:16px; } .pagination ul { list-style:none; margin:0; padding:0; } .pagination ul li { float:left; margin-right:5px; padding:0; height:26px; overflow:hidden; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; } .pagination ul li span { display:inline-block; padding:4px 8px; cursor:pointer; background:#eee; border:1px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; min-width:18px; text-align:center; } .pagination ul li sub { display:inline-block; padding:10px 4px 0 4px; } .pagination ul li span.loadingAjax { display:inline-block; cursor:default; background:none; border:0; width:26px; height:26px; margin:0; padding:0; background:url(../graphics/ui/ajax-loader.gif) no-repeat center center; } .pagination ul li.selected span, .pagination ul li.selected span:hover { border:1px solid #fff; background:#2A7433; cursor:default; font-weight:bold; color:#eee; } .pagination ul li.disabled span, .pagination ul li.disabled span:hover { zoom: 1; background-color:#eee; cursor:default; opacity:0.3; filter:alpha(opacity=30); } .pagination ul li.next span span { padding:0; border:0; background:url(../graphics/ui/uiSprite.png) no-repeat -32px 0; _background:url(../graphics/ui/uiSprite.gif) no-repeat -32px 0; height:16px; width:16px; min-width:16px; } .pagination ul li.previous span span { padding:0; border:0; background:url(../graphics/ui/uiSprite.png) no-repeat -16px 0; _background:url(../graphics/ui/uiSprite.gif) no-repeat -16px 0; width:16px; height:16px; min-width:16px; } .pagination ul li span:hover { background-color:#ccc; } .pagination ul li.last { margin-left:20px; } .pagination ul li.first { margin-right:20px; } I have the old style commented out in the attached global.css. So, if you just comment out the new style and uncomment the old, it should work. Let me know if it doesn't 🙂 I'll leave it commented out in the release so if others want to use it they can uncomment it. This is using the green buttons, so if you want a different color you can modify the CSS. ... View more

I just reread my suggestion and realized it could be misinterpreted.  I'm not speaking of the grid size as in the 960.gs grids.   I'm thinking the size of the map grids and the image thumbnail you see in the "featuredMaps" element.  Here are a couple specific areas that come to mind in the global.css file (this may different for you if you are using template 1.3.1): * The styling of ".mapsGrid .item" where "width:200px;" * the styling of ".mapsGrid .item img" where "width:200px;" *The styling of ".mapsList .item img" where width:200px;" and "height:133px;" Keep in mind I'm using the 1.4 template.  Basically just be mindful that the default dimensions of the thumbnail maps is 200x133px.  Hopefully I'm not forgetting anything else.  Always save a copy before making such drastic changes or record the default values before making your changes. Yeah, this will work better in 1.4. Although if you have a different number per row, some CSS will be required in order for them to fit correctly. I think the max you could go is 4 per row because of the width of the images and the 960 grid. That would require removing the right sidebar as well. It's not as flexible as I'd like but that's why it's a template. 🙂 Feel free to mold it as you see fit! ... View more

Thanks very much for providing these templates.  It was an excellent idea. I am modifying the version 1.4 template.  I have a question and an issue: 1.  I prefer the pagination buttons from 1.3.1 over the ones in 1.4.  How do I use 1.3.1 pagination buttons in 1.4? 2. The facebook and google plus buttons do not display on my page.  Only the twitter button and callout show up.  How do I get the others to display (this was the case even before modifying the code and is the case from different computers and different networks).  Here is a copy of the code: <div class="socialButtons">     <div class="item first"><a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>     <div class="item">       <div id="fb-root"></div>       <script>(function(d, s, id) {   var js, fjs = d.getElementsByTagName(s)[0];   if (d.getElementById(id)) {return;}   js = d.createElement(s); js.id = id;   js.src = "//connect.facebook.net/en_US/all.js#appId=154863967938949&xfbml=1";   fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk'));</script>         <div class="fb-like" data-send="false" data-layout="button_count" data-width="100" data-show-faces="false" data-font="arial"></div>     </div>     <div class="item">      <!-- Place this tag where you want the +1 button to render -->      <div class="g-plusone" data-size="medium" data-annotation="none"></div>      <!-- Place this render call where appropriate -->      <script type="text/javascript">        (function() {       var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;       po.src = 'https://apis.google.com/js/plusone.js';       var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);        })();      </script>     </div>     <div class="clear"></div>    </div>    <div class="clear"></div> Unfortunately, I don't think there's an easy way to use the other style without getting into the CSS. Is there a reason you like the previous pagination better? Just styling perhaps? Just wondering. I think the social buttons don't work unless it's running on an external web page. They don't show up if you run it from your local computer so that may be the issue. I still need to test these a bit. Look for 1.4 to be released soon. Within a week or so. ... View more