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.

Vind meer berichten getagd met

Accepted answers

All comments

BillEveringham

Hi Bill,

That looks really good. Nice work.

The geolocation is probably zooming too far for the custom basemap. You can change the Level of detail in one of the scripts files. I should probably make it a config variable in the future. If you look in user-agent.js on like 54 you can change the lod variable to a smaller number so it doesn't zoom users in too far.
function zoomToLocation(x, y, IPAccuracy){
 // calculate lod
 var lod = 14;
Hope that helps.

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?

Esriwebmap

I currently have our application setup to use the 'simple' option. I've also left the embed option enabled. I like the simple option because users can stay within the gallery to browse through multiple maps without leaving the site. However, I would like to be able to give them a way to view the map with the additional options they can gete vie the explorer and arcgis options. Is there an easy way to allow the user viewing the map.html page to then open the selected map via ArcGIS Online or ArcGIS Explorer Online?

The link to our site is http://publicmaps.ofallon.org/gallery. Thanks for your help!

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?

Esriwebmap

Hi,
When I used the address search and it zooms to the location, my custom tiled base map disappears. Any reason why this is happening?
I just started testing this template out this week.... it is still in the development stages.

Here is my site... http://gis.arlingtonva.us/gallery

Hi Bill,

That looks really good. Nice work.

The geolocation is probably zooming too far for the custom basemap. You can change the Level of detail in one of the scripts files. I should probably make it a config variable in the future. If you look in user-agent.js on like 54 you can change the lod variable to a smaller number so it doesn't zoom users in too far.

function zoomToLocation(x, y, IPAccuracy){
 // calculate lod
 var lod = 14;

Hope that helps.

BillEveringham

Hi,
When I used the address search and it zooms to the location, my custom tiled base map disappears. Any reason why this is happening?
I just started testing this template out this week.... it is still in the development stages.

Here is my site... http://gis.arlingtonva.us/gallery

O_FallonMapsandApps

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

I currently have our application setup to use the 'simple' option. I've also left the embed option enabled. I like the simple option because users can stay within the gallery to browse through multiple maps without leaving the site. However, I would like to be able to give them a way to view the map with the additional options they can gete vie the explorer and arcgis options. Is there an easy way to allow the user viewing the map.html page to then open the selected map via ArcGIS Online or ArcGIS Explorer Online?

The link to our site is http://publicmaps.ofallon.org/gallery. Thanks for your help!

Esriwebmap

I am having problems with how my template interacts with Internet Explorer. I try to go to the site (still under development so I can't link you to it), but I seem to get the following prompt for most of my maps (and frequently multiple times per map): "Stop running this script? A script on this page is causing Internet Explorer to run slowly. If it continues to run, your computer might become unresponsive." Yes/No. Clicking No often does not succeed in loading the map, and the message will pop up numerous times after this before it finally functions properly. The maps I am linking to are found here. I am using IE version 8.0.6001.18702CO. Does the problem lie in how I have customized the template, or in Internet Explorer? Related: the template seems to function fine with Firefox.

Thank you

Hi rayjaw,

I think I've run into this as well. I believe it's just Internet Explorer not liking the Modernizr javascript framework when running locally from your computer (using file:// protocol). Does it still do it if you run the page from a development server or anywhere using the http:// protocol?

It may not be an issue when you put it on a server.

If it's still doing it when you're not using it locally (file://) then it may be something else I can look into.

Thanks

JustinRay1

I am having problems with how my template interacts with Internet Explorer. I try to go to the site (still under development so I can't link you to it), but I seem to get the following prompt for most of my maps (and frequently multiple times per map): "Stop running this script? A script on this page is causing Internet Explorer to run slowly. If it continues to run, your computer might become unresponsive." Yes/No. Clicking No often does not succeed in loading the map, and the message will pop up numerous times after this before it finally functions properly. The maps I am linking to are found here. I am using IE version 8.0.6001.18702CO. Does the problem lie in how I have customized the template, or in Internet Explorer? Related: the template seems to function fine with Firefox.

Thank you

xanderm

Thanks.

1. I was able to change the title font in the header using the line in global.css. I still would like to include a logo to the left of the title, so I'll have to figure that out. Suggestions welcome, of course. [Edit -- I found a way to get the logo working.]

2. I'm really not sure what to change in the map. Maybe the problem is that I have two levels of group layers? I'll play around with it.

Can you please share how you got your logo to work on the header?

Thanks,
xander

DavidZiff

k - works great - i cut and pasted the custom style and clearly missed some stuff... on to icons now - thanks.

The only thing i can think of is an out from the app that returns to the page which launched the app - that would be sweet. i.e. if one pushes the back button (not sure what that would be on iphone atm) but the back motion would return one to the browser paged which launched the app. The other option would be to tweak the aout-launch of the app to have a splash which warned that the app was being opened and if one wanted to return to the gallery they would have to return to their browser/safari ... whatever.

Thanks again:)!

Esriwebmap

ok - thanks - i will test again this evening with an Android phone -

Cool. Let me know how it goes.

It's unfortunate there's no way for the browser to communicate with the device and see if an app is installed so we have to rely on the user to tell us.

DavidZiff

ok - thanks - i will test again this evening with an Android phone -

Esriwebmap

Here's what it does.

[INDENT]If you're on an iOS device or Android device and you visit the site, you will get the dialog.

The dialog pops up and asks you if you have the ArcGIS app.

If you say don't install, it will set a cookie to say "disabled" and you'll never get the dialog again unless you clear your browsers cookies.

If you say "install now" you will get a web page opened to download and install the app. Then you can answer "Already installed" after it's installed.

If you say "Already installed", the cookie is set to "installed" and it will use the appropriate ArcGIS app URL for your device. (Android/iOS).[/INDENT]

I think the styling didn't get copied. I had to add that to the themes.css file for the dialog. I think there were changes to global.css as well. Also, the optional config got a few new items placed in there.

DavidZiff

deleted .

Esriwebmap

Thanks - I really appreciate it. Honestly, a microsoft shop we may be but their mobile market share is so diplorable i am not super concerned with it atm. Though, it would be nice down the road to have that one too. Android is kind'a a must. At the very least, for now, we can just go the http* instead of arcgis* and that way it will at least work in a brouser capacity. As much as a like iOS - the Android solution is equally important to us; we really need a cross platform solution.

Also, if there was one more item - showing our location on the map instead of just having it centered would be amazing too!

Thanks, dz

Hi David,

I did some more research, got Android working, improved the detection and added a dialog for using the app if you have it installed.

Unfortunately, It won't work for Windows phone. Windows phones don't have a URL scheme like iOS and Android so you can't use "arcgis://" to open the app from Windows Mobile IE at this time. I tested on a Windows phone with no luck.

I also added the location graphic for the geo-locate button and zoomed it in more.

I put all this code on Github for now. I'll do some more testing and then eventually update the ArcGIS item's code. If anyone is interested, they can contribute to the template.

https://github.com/GISWebOps/Public-Maps-Gallery-Template

Thanks

DavidZiff

Thanks - I really appreciate it. Honestly, a microsoft shop we may be but their mobile market share is so diplorable i am not super concerned with it atm. Though, it would be nice down the road to have that one too. Android is kind'a a must. At the very least, for now, we can just go the http* instead of arcgis* and that way it will at least work in a brouser capacity. As much as a like iOS - the Android solution is equally important to us; we really need a cross platform solution.

Also, if there was one more item - showing our location on the map instead of just having it centered would be amazing too!

Thanks, dz

Esriwebmap

ok - so I have started using the Android AVD Manager to test the v1.4 public maps gallery with little luck. I thought maybe it was something to do with the AVD so I went to a Sprint stoer to test it too. They allow you to install apps so that was my choice for full selection of mobile devices to test drive the site.

Issues:

Apple iOS:

     Redirects to a bad url and then fixes itself on way to itunes...

     // IOS APP URL
     pmgConfig.iosAppURL = "itms://itunes.apple.com/us/app/arcgis/id379687930?mt=8";
     //perhaps another redirect would work better?

Android:

     A mobile device is detected but there is no pmgConfig setting to redirect android devices to the android market so this page is displayed:

something like this would be nice...

     //ANDROID APP URL
     //pmgconfig.androidAppURL = "https://market.android.com/details?id=com.esri.android.client"

Further - once the app is installed the map cannot be loaded. So now the device cannot view the map at all unless the change the url to start with http instead of arcgis and not a likely task for standard mobile user...

WindowsMobile

The app took too long to download and left before it was complete - perhaps it is finished now and I will return to the store and check that one;)

     there is no pmgConfig setting to redirect WindowsMobile devices to their market; something like this would be nice....

     //WINDOWS MOBILE URL
     //pmgconfig.windowsMobileAppURL = "http://social.zune.net/redirect/preferences/askclient?ReturnUrl=http://social.zune.net/redirect?type=phoneApp&id=7cb003be-990a-e011-9264-00237de2db9e"

Yeah, that's correct. Nice investigation you did there 🙂

Last time I tested on Android, I had the app installed and when using the "arcgis://" protocol URL, it wouldn't load in the ArcGIS app. I'm not sure what the URL should be to open a webmap in the ArcGIS app for android. I'll investigate this more.

Same thing with Windows Phone. Not sure if arcgis:// protocol will work to open in the app. It works in iOS. I don't have a windows mobile device to test on yet but I can test on Android.

The redirect on iOS is basically a hack. At the time, it was the only way to see if the app was installed or not. It tries the arcgis:// protocol and if that fails, it then loads the iTunes store page.

There's another way to do this with a cookie that I'll think I will try:
http://stackoverflow.com/questions/1108693/is-it-possible-to-register-a-httpdomain-based-url-scheme-for-iphone-apps-like/1109200#1109200

I'll see if it is even possible to open a webmap in the android ArcGIS app and with what protocol. Same thing with Windows Mobile. I'll let you know what I find out. If it's something I can integrate, I'll update the code.

DavidZiff

ok - so I have started using the Android AVD Manager to test the v1.4 public maps gallery with little luck. I thought maybe it was something to do with the AVD so I went to a Sprint stoer to test it too. They allow you to install apps so that was my choice for full selection of mobile devices to test drive the site.

Issues:

Apple iOS:

     Redirects to a bad url and then fixes itself on way to itunes...

     // IOS APP URL
     pmgConfig.iosAppURL = "itms://itunes.apple.com/us/app/arcgis/id379687930?mt=8";
     //perhaps another redirect would work better?

Android:

     A mobile device is detected but there is no pmgConfig setting to redirect android devices to the android market so this page is displayed:

something like this would be nice...

     //ANDROID APP URL
     //pmgconfig.androidAppURL = "https://market.android.com/details?id=com.esri.android.client"

Further - once the app is installed the map cannot be loaded. So now the device cannot view the map at all unless the change the url to start with http instead of arcgis and not a likely task for standard mobile user...

WindowsMobile

The app took too long to download and left before it was complete - perhaps it is finished now and I will return to the store and check that one;)

     there is no pmgConfig setting to redirect WindowsMobile devices to their market; something like this would be nice....

     //WINDOWS MOBILE URL
     //pmgconfig.windowsMobileAppURL = "http://social.zune.net/redirect/preferences/askclient?ReturnUrl=http%3a%2f%2fsocial.zune.net%2fredirect%3ftype%3dphoneApp%26id%3d7cb003be-990a-e011-9264-00237de2db9e"

EendrulatGH

Is there any way to configure the Maps Gallery template so that REST services open up in the ArcGIS.com viewer, rather than the REST endpoint?

My maps gallery site is primarily geared as a catalog for ArcGIS REST web services. In the /config/settings.optional.js file, there are settings that allow you to choose the default map viewer to use (e.g., arcgis.com, arc explorer, built in 'simple' map), however, this only seems to apply to maps that are saved in arcgis.com.

By default, the services registered on arcgis.com that are listed in the gallery open to their REST endpoints, however, I don't' think this is that useful to the end-user, I'd rather it open up in the ArcGIS.com viewer.

Thanks,
Erik

MichaelKlein

How about a "Private Maps Gallery" template?
---

I used 1.3 successfully at San Mateo County GIS last summer (http://gis.co.sanmateo.ca.us/map_gallery) .

Now I've configured the 1.4 template to demo to an east coast metro police GIS staff. To make this work, I had to change the Share setting on all maps in our AGO Group to "Everyone". That is probably ok from a security standpoint, because the ops layers from the secure ArcGIS Server simply don't appear.

But the PD customers would really like these maps and their descriptions to be invisible inside our AGO group. How about adding AGO group member login at the gallery front page?

Thanks.

I don't have any solution to a "Private Map Gallery" yet. However I was just asked about the possibility of setting one up so any "Private Map Galleries" would help me too.

DonBarker

How about a "Private Maps Gallery" template?
---

I used 1.3 successfully at San Mateo County GIS last summer (http://gis.co.sanmateo.ca.us/map_gallery) .

Now I've configured the 1.4 template to demo to an east coast metro police GIS staff. To make this work, I had to change the Share setting on all maps in our AGO Group to "Everyone". That is probably ok from a security standpoint, because the ops layers from the secure ArcGIS Server simply don't appear.

But the PD customers would really like these maps and their descriptions to be invisible inside our AGO group. How about adding AGO group member login at the gallery front page?

Thanks.

DavidZiff

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

Thanks for getting back to me on this - we need cross platform support and if you could post the code to add the android and windows 7 support; that would be greatly appreciated. I only see the ios support in the settings.optional.js area and no links or mention of android or WinMobile atm but if one is linked might as well go for the other. I presupose the brouser sniffs the device and therefore this functionality would need to added as well in order to link to the coorect app...

We would like to leverage this in order to offer a cross-platform support for mobile devices and avoid developing multiple apps - 1.1 offered that and so we have chosen to go this route. Hope you all add that back. Thanks again, DZ

CharlesDawley

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.

Whoops, yeah. My bad.

ChrisBradberry

Thanks for the file for the filters. I got it figured out close enough, but what I was really trying to do was to filter them just like they do in the groups web page. Go to your groups and it allows you to filter by application, maps and tools.

Thanks, Chris

Esriwebmap

Hey,

I would like to show 3 pages, one with apps, one with maps and services and the other with tools. I decided that I would have to have 3 installations, but I cannot get the filter to work. I can get the apps, but the maps end up with the apps included and the tools don't show up at all.

any ideas?

Chris

Hi Chris,

Attached is a list of all the different types you can filter by. It's the left most column. Let me know if that helps. I'm not sure what the tools string is. I've only used 'Web Map' and 'Layer'.

Thanks

Item Types.pdf

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.

Esriwebmap

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

Esriwebmap

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

ChrisBradberry

Hey,

I would like to show 3 pages, one with apps, one with maps and services and the other with tools. I decided that I would have to have 3 installations, but I cannot get the filter to work. I can get the apps, but the maps end up with the apps included and the tools don't show up at all.

any ideas?

Chris

CharlesDawley

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

VeronicaMoore1

How do I configure the file to open with ArcGISexplorer as the viewer map?

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Inloggen
Registreren

Snelle Links

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