nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Public Maps Gallery template version 1.4 --Opening post

Esriwebmap

Please reply to this opening post to submit questions and comments about the Public Maps Gallery (PMG) template version 1.4.

Trouver plus de publications taguées avec

Accepted answers

All comments

MiguelParedes

Greetings, fellow Map Gallery Template fans...

I would like to suggest making the Footer area optional. At the moment one can only change all aspects of the Footer, except turning the footer off when it isn't required. Maybe a consideration for the next iteration?

In any case, I would appreciate some advice on how would I be able to remove it within the current structure of the template.

Many thanks in advance.

MiguelParedes

Greetings all,

I have just become aware of the existence of the 1.4 version of the Public Maps Gallery template. One thing that I have noticed in version 1.3.1 a couple of days ago, and that still has not been pointed out, as far as I know is that the maps don't propagate their watermarks! So if I have a look at a map within ArcGIS Online which contains a basemap such as OSM, I see the following:
[ATTACH=CONFIG]11873[/ATTACH]
However, in the map gallery for the same map there is no copyright watermark. How can this be resolved?

Many thanks in advance.

ScreenHunter_03 Feb. 10 15.18.jpg

Esriwebmap

I just finished configuring our internal map gallery using the 1.4 template and functionality is very good. However, this is template is for our internal use only and our web admins get very concerned about employees inadvertently pushing links outside of our domain. Therefore I need to supress or remove the Tweet, Facebook and Google+ links that magically appeared in the template overnight. Since I'm new at this game I need to ask - is this something I control from within the template? If yes, how? Until I get this problem solved I don't really feel comfortable deploying this gallery within my organization.

[ATTACH=CONFIG]11848[/ATTACH]

As always, thanks in advance!

Brian

Hi Brian,

That's a good suggestion. I may put in an option to easily turn these on and off.

You can remove them in the index.html and map.html files.

In index.html, remove this 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>

In map.html, remove this code:

<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>

That should do it for you.

Thanks

TarigAhmed1

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

Hi there .. this didn't work for me ... I can't get my iPhone to open the maps in my app directly:
Here's the file i modified and the code
C:\inetpub\wwwroot\MapsGallery1.4\config\settings.optional.js
// USE ARCGIS App links instead of viewer page. Otherwise, will go to viewer page and open into app from there. Default: true.
pmgConfig.mobileAppLink = true;

Thanks in advance for your help.

BrianHaren

I just finished configuring our internal map gallery using the 1.4 template and functionality is very good. However, this is template is for our internal use only and our web admins get very concerned about employees inadvertently pushing links outside of our domain. Therefore I need to supress or remove the Tweet, Facebook and Google+ links that magically appeared in the template overnight. Since I'm new at this game I need to ask - is this something I control from within the template? If yes, how? Until I get this problem solved I don't really feel comfortable deploying this gallery within my organization.

[ATTACH=CONFIG]11848[/ATTACH]

As always, thanks in advance!

Brian

MapGallery.jpg

TarigAhmed1

Thank you for this great template.

How do I add another page with the same feel and look to display other custom apps, we have Flex and WebADF applications?

Thank you.

StephanieWidas

We are unable to open any of the Public Map Galleries that are version 1.4. We've tried to view Esri's demo site, as well as those posted by users on the forum (Arlington, Rockville, etc.). When we try to launch the gallery, we just get the loading circle icon and the page never loads

Our IT department was finally able to resolve this issue. They upgraded IronPort to the latest AsyncOS release (7.1.3-021) and installed the URL filter update package that Cisco just recently released. We can now view 1.4 map galleries in Internet Explorer (after deleting the cache) as well as in Firefox.

I just wanted to share the resolution in case anyone else experiences the same problem.

MichalGasparovic

Could you tell me how you did this or do you have a template I can use? Here is my email Jon.Beets@us.af.mil

Thanks...

basically you need to replace the webmap object by your own object rather than one that comes from arcgisonline. in layout.js file you need to modify the "initMap()" function.
follow the instructions for "Create a map using json" from here
http://help.arcgis.com/en/webapi/javascript/arcgis/help/jshelp/intro_webmap.html

or see the excerpt. hope that helps

  //CUSTOMWEBMAP
  webmap = {};
  webmap.item = {
   "title":"put in your title",
   "snippet": "?",
   "extent" : [[151.1531, -33.909], [151.2702, -33.8514]]
  }; 

  dojo.byId("title").innerHTML = pmgConfig.title || webmap.item.title;
  // SITE TITLE
  if(pmgConfig.siteTitle){
   pmgConfig.pmgSubTitle = pmgConfig.title || webmap.item.title;
   setPageTitle();
  }
  dojo.byId("subtitle").innerHTML = pmgConfig.subtitle || webmap.item.snippet || "";
  var descriptionInfo = pmgConfig.sidebarContent || webmap.item.description || "";
  dojo.byId("descriptionContent").innerHTML = '<h2>About this map</h2>' + descriptionInfo + '<div class="clear"></div>';  
  
  
  webmap.itemData = {
   "operationalLayers": [{
     "url": "<address to your ags service>",
     "visibility": true,
     "opacity": 1,
     "title": "whatever name"     
   }],
   "baseMap": {
       "baseMapLayers": [{
     "opacity": 0.5,
     "visibility": true,
     "url": "<address to your ags service>"
    }],
     "title": "whatevername"
   },
   "version": "1.1"
  };
  
  var mapDeferred = esri.arcgis.utils.createMap(webmap, "map", {
   mapOptions: {
    slider: false,
    wrapAround180:true,
    nav: false
   },
   ignorePopups:false,
   geometryServiceURL: "http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer"
    });
  
  // var mapDeferred = esri.arcgis.utils.createMap(itemInfo, "map", {
   // mapOptions: {
    // slider: false,
    // wrapAround180:true,
    // nav: false
   // },
   // ignorePopups:false,
   // bingMapsKey: pmgConfig.bingMapsKey,
   // geometryServiceURL: "http://sampleserver3.arcgisonline.com/ArcGIS/rest/services/Geometry/GeometryServer"
  // });

JonBeets1

Hi, thanks for the "gallery application", but is there any chance to use this for the "private" maps and groups?
Thank you.

EDIT : meanwhile I've just modified the source code to bypass the arcgisonline and read the data from my rest endpoints straightaway

Could you tell me how you did this or do you have a template I can use? Here is my email Jon.Beets@us.af.mil

Thanks...

MichalGasparovic

mate you are a legend if this works. will give it a go now. thanks for the link I didn't know I could use that class for ArcGIS.com content as I never cared. but now it's a somewhat different situation. cheers

Cool. Feel free to modify it however you'd like.

You may be able to get it to work with private maps and groups using the identity manager. I know it works for secured services and I think it works for ArcGIS.com private content. We don't have any plans on adding this to this template at this time, that may change, but you're more than welcome to implement it.

http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi_start.htm#jsapi/identitymanager.htm

Esriwebmap

Hi, thanks for the "gallery application", but is there any chance to use this for the "private" maps and groups?
Thank you.

EDIT : meanwhile I've just modified the source code to bypass the arcgisonline and read the data from my rest endpoints straightaway

Cool. Feel free to modify it however you'd like.

You may be able to get it to work with private maps and groups using the identity manager. I know it works for secured services and I think it works for ArcGIS.com private content. We don't have any plans on adding this to this template at this time, that may change, but you're more than welcome to implement it.

http://help.arcgis.com/en/webapi/javascript/arcgis/help/jsapi_start.htm#jsapi/identitymanager.htm

Esriwebmap

I would like to include static PDF maps in this gallery, but ArcGIS.com does not allow this file type. Is there a way that I could include PDF maps?

Hi Scott,

I think you can add an item in ArcGis.com as an external application and then put the link to the PDF if you have it on your own server. I think that's the solution we've used before. I don't think it will let you upload a PDF though.

ScottTometich

I would like to include static PDF maps in this gallery, but ArcGIS.com does not allow this file type. Is there a way that I could include PDF maps?

MichalGasparovic

Hi, thanks for the "gallery application", but is there any chance to use this for the "private" maps and groups?
Thank you.

EDIT : meanwhile I've just modified the source code to bypass the arcgisonline and read the data from my rest endpoints straightaway

Esriwebmap

Thanks... that did the trick

Glad that worked 😄

BillEveringham

I think I know what it is. IE is VERY picky about JSON objects and extra commas. Try removing the last comma in this code:
// LINK 4
 {
  title: "City of Alexandria GIS",
  url: 'http://alexandriava.gov/GIS'
  
 },
Let me know if that works.

Thanks

Thanks... that did the trick

MarcWeinshenker1

Hey Marc,

I don't think that the date can be formatted. At least not in the code because the info window content comes from Arcgis.com. Unless you overwrite it when the pop up is called which is not a simple task. You may be able to adjust the formatting on Arcgis.com. I'm not sure about that.

The legend format is different depending on what kind of layer or service it's for. I've noticed it is rendered differently for featureCollections. You should be able to strip out any information you don't want from it though. The function to edit is in /scripts/map/layout.js on line 302 buildLayersList(). It collects each layer object from:

I don't think there's a simple way to remove the frame names. Unfortunately, it requires some javascript coding.

Thanks. That's all probably beyond what I was looking for, though.

Esriwebmap

For some reason my site stopped working in Internet Explorer 8... works with firefox and chrome... any ideas why?

http://gis.arlingtonva.us/gallery

I think I know what it is. IE is VERY picky about JSON objects and extra commas. Try removing the last comma in this code:

// LINK 4
 {
  title: "City of Alexandria GIS",
  url: 'http://alexandriava.gov/GIS'
  
 },

Let me know if that works.

Thanks

Esriwebmap

1) Is there any place in the Gallery application code to format dates in the popup so that the time does display such as 6/30/2010 8:00 PM? I could probably change the date field to a text field in the source, but that's the tail wagging the dog.

2) Is there any place in the Gallery application code to adjust the formatting in the Legend? I'd prefer that only the map service Layer names appear and not the Frame names.

Thanks.

Hey Marc,

I don't think that the date can be formatted. At least not in the code because the info window content comes from Arcgis.com. Unless you overwrite it when the pop up is called which is not a simple task. You may be able to adjust the formatting on Arcgis.com. I'm not sure about that.

The legend format is different depending on what kind of layer or service it's for. I've noticed it is rendered differently for featureCollections. You should be able to strip out any information you don't want from it though. The function to edit is in /scripts/map/layout.js on line 302 buildLayersList(). It collects each layer object from:

mapLayer.featureCollection.layers[0].layerObject
layer.layerObject

I don't think there's a simple way to remove the frame names. Unfortunately, it requires some javascript coding.

BillEveringham

For some reason my site stopped working in Internet Explorer 8... works with firefox and chrome... any ideas why?

http://gis.arlingtonva.us/gallery

Esriwebmap

Hi. I've never turned on or off individual layers in the simple map. However I've developed the Basic Viewer template
http://apps.arcgis.com/hosted/OnePane/basicviewer/index.html
and that worked well for me. I created a link to the Basic View template in the settings.content.js and users can see the simple maps and this link together.

That's a good solution.

MarcWeinshenker1

1) Is there any place in the Gallery application code to format dates in the popup so that the time does display such as 6/30/2010 8:00 PM? I could probably change the date field to a text field in the source, but that's the tail wagging the dog.

2) Is there any place in the Gallery application code to adjust the formatting in the Legend? I'd prefer that only the map service Layer names appear and not the Frame names.

Thanks.

MichaelKlein

I am using the "simple" map in my gallery. Is there a way to set it up to turn on the individual layers in my rest service? I can do this when I switch to explorer or arcgis.com, but would like this functionality in the simple map. For instance I have a service of bus routes, but would like to give the end user the option to turn on/off different routes that overlap.

Hi. I've never turned on or off individual layers in the simple map. However I've developed the Basic Viewer template
http://apps.arcgis.com/hosted/OnePane/basicviewer/index.html
and that worked well for me. I created a link to the Basic View template in the settings.content.js and users can see the simple maps and this link together.

BillEveringham

I am using the "simple" map in my gallery. Is there a way to set it up to turn on the individual layers in my rest service? I can do this when I switch to explorer or arcgis.com, but would like this functionality in the simple map. For instance I have a service of bus routes, but would like to give the end user the option to turn on/off different routes that overlap.

JonBeets1

I'm looking for something similiar to this that I can add my maps to that are not cataloged on ArcGIS.com. Our server is on a closed system.

Jon Beets

BillEveringham

For some reason, the marker is gone now and I couldn't get that to work. Any suggestions? Is there a possibility of using my own geocoding services I have published?

I was able to change the zoom level, but the cached basemap I am using is disappearing. Any idea why?

http://gis.arlingtonva.us/gallery

try an address search to any of the maps... 2100 clarendon blvd, arlington, va

Esriwebmap

We are unable to open any of the Public Map Galleries that are version 1.4. We've tried to view Esri's demo site, as well as those posted by users on the forum (Arlington, Rockville, etc.). When we try to launch the gallery, we just get the loading circle icon and the page never loads:
[ATTACH=CONFIG]11420[/ATTACH]
I have contacted our network administrator, but IT hasn't resolved it yet for us. Has anyone else had this problem? I think it's probably some security issue on our end. It doesn't matter if we are using Firefox or IE...we still can't open any 1.4 galleries.
Thanks,
Stephanie

Sounds like your network may be blocking connection to a javascript file. The only thing I can think of is the jQuery files on the microsoft cdn.

O_FallonMapsandApps

Hi Dan,

On the simple map viewer, under the about tab there's a link to get to the Arcgis.com viewer. Is that what you're looking for? Maybe you would like a more prominent button somewhere?

Thanks - I missed that. That is helpful. I am looking for a more prominent button but was actually thinking of one that takes the user directly to the ArcGIS Online map (particularly so those without capability for Silverlight can view) as well as direct link to ArcGIS Explorer Online map. Thanks for all your work on this. I really like this template - it's easy to configure and use.

simplemap.JPG

StephanieWidas

We are unable to open any of the Public Map Galleries that are version 1.4. We've tried to view Esri's demo site, as well as those posted by users on the forum (Arlington, Rockville, etc.). When we try to launch the gallery, we just get the loading circle icon and the page never loads:
[ATTACH=CONFIG]11420[/ATTACH]
I have contacted our network administrator, but IT hasn't resolved it yet for us. Has anyone else had this problem? I think it's probably some security issue on our end. It doesn't matter if we are using Firefox or IE...we still can't open any 1.4 galleries.
Thanks,
Stephanie

mapGalleryLoading.JPG

Esriwebmap

For some reason, the marker is gone now and I couldn't get that to work. Any suggestions? Is there a possibility of using my own geocoding services I have published?

Yeah, you could use your own geolocator you'll need to change some JS to get that to work. It uses the esri geolocator for address input and the auto complete dropdown. Everywhere you see 'aoGeocoder' in the code.

For zooming to your location it's just using HTML5 geolocation from the browser. I'm sure you can change that too but it requires javascript changes as well.

Rejoindre la conversation

Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.

Liens rapides

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.