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 1.3.1--Opening Post

Esriwebmap

Please reply to this opening post to submit questions and comments about the Public Maps Gallery template version 1.3.1.

Note: The comments on the template through Sep 28, 2011 have been copied to this thread so that you can view all the questions and answers in one location.

Encuentra más publicaciones etiquetadas con

Accepted answers

All comments

ErinNovakovich

http://dnr.alaska.gov/gis/raster/map_library/DNRtemplates/DSSmapgallery.htm

This is a link to my map gallery such as it is right now. Mostly finished, all the hard stuff is done, eventually there will be links to map collections from other departments across the top.

Thanks IanWint for your help!
Erin

IanWint

I am interested in how you made the PDF Gallery work. I'd like to set up something similar on my own project.
Erin

Erin, I can give you the basic procedure. If you understand web development using IIS this will be a breeze. You can also solicit help from your web developer and/or your system admin person. Here are the basic steps:

1. Create a shared folder for storing the PDFs you wish to make available through the gallery. This folder could reside on your web server or on another server on your network that can be reached by from web server.

2. On your web server, create a virtual directory that points to the shared folder that houses the PDFs. You will need to setup your virtual folder to connect as a domain user that has read access to the virtual folder's physical shared folder.

3. Create an ArcGIS Online item for each of your PDF web URL established in step #2. Here is an example of an ArcGIS Online item we created for a PDF in our gallery; http://fortlauderdale.maps.arcgis.com/home/item.html?id=9ea410b6baae41e587e455d369754279

4. Create an ArcGIS Online group to which you will share the PDF ArcGIS Online items - also share the items as public as you would any webmap you wish to share to the public map gallery.

5. Find and record the ArcGIS Online group ID for the group to which the PDF items are shared using the group ID finder at https://servicesbeta.esri.com/demos/portal/portal_getGroup.html or at http://developers.arcgis.com/en/javascript/samples/portal_getgroupamd/

6. In the "settings.required.js" of the public map gallery template (in the config folder of version 1.4.1), enter the Group ID of the ArcGIS Online group to which the PDFs are shared.

Our website basically comprises two public map gallery templates, one for the applications, and a second for the PDFs. And of course, contents in each gallery are shared to their own ArcGIS Online group.

Good luck. I'm interested in seeing your gallery when you are done.

ErinNovakovich

Here at the City of Fort Lauderdale we've used this template to create an entire GIS website. View it here: http://gis.fortlauderdale.gov/

I am interested in how you made the PDF Gallery work. I'd like to set up something similar on my own project.
Erin

IanWint

Awesome. looks good!

Are you Matt from the Charlotte office?

Fyi, I have the good fortune of being invited to present in UC plenary session on Monday. My presentation will be on the ArcGIS for Local Government application templates we have implemented. As part of my presentation, I am showing one version of the Public Map Gallery. I'm currently e-mailing from Redlands as I'm working with the plenary team to prepare for Monday. I would love to meet you and the other folks who have provided us with this wonderful product. If you're interested, PM me and we can exchange contact information so we can meet for at least 5 minutes while I'm in Redlands.

MattDriscoll

Here at the City of Fort Lauderdale we've used this template to create an entire GIS website. View it here: http://gis.fortlauderdale.gov/

Awesome. looks good!

IanWint

Here at the City of Fort Lauderdale we've used this template to create an entire GIS website. View it here: http://gis.fortlauderdale.gov/

MattDriscoll

This template has been updated as an official template. It can be configured from the share button on a group's page or downloaded here: http://www.arcgis.com/home/item.html?id=34505d89a3b34be09b65b98938974390

MattDriscoll

Sorry for cross posting.

I am curious about re-ordering map thumbnails in this template. I have three maps showcased into this public map gallery template(http://www.brooklinema.gov/maps-gallery/ ). Now, I want to order maps in sequence, example: School Districts, Population Comparison, Asian Population so on. I downloaded the template and looked at the query.arcgis.js, it seems that there is way to sort field and order maps by different style. I tried to sort and order maps by title but did not come out. Will appreciate suggestions.

Thanks

Hello,

I don't think it's currently possible to order by specific items. For the sort field, you can use multiple fields comma separated if you'd like to order by title and then another field.

Description: Field to sort by. You can also sort by multiple fields for an item, comma separated.
The allowed sort field names are title, created, type, owner, avgRating, numRatings, numComments and numViews.

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

IT_DeptDept

Sorry for cross posting.

I am curious about re-ordering map thumbnails in this template. I have three maps showcased into this public map gallery template(http://www.brooklinema.gov/maps-gallery/ ). Now, I want to order maps in sequence, example: School Districts, Population Comparison, Asian Population so on. I downloaded the template and looked at the query.arcgis.js, it seems that there is way to sort field and order maps by different style. I tried to sort and order maps by title but did not come out. Will appreciate suggestions.

Thanks

Esriwebmap

Does this template has search functionality available? I noticed that Rockville Map Gallery http://maps.rockvillemd.gov/gallery/map.html?webmap=da37c709d83c4a398993dd5972951f52 has that functionality implemented. Is that a custom implementation or is it a functionality of the template?

Thank you.

Hi Seychelles,

There is a newer version of this template which has those features:
http://www.arcgis.com/home/item.html?id=2b158c0d94b64f208f45bcae801c2fa0

SeychellesMartinez

Does this template has search functionality available? I noticed that Rockville Map Gallery http://maps.rockvillemd.gov/gallery/map.html?webmap=da37c709d83c4a398993dd5972951f52 has that functionality implemented. Is that a custom implementation or is it a functionality of the template?

Thank you.

Esriwebmap

I have downloaded and am using version 1.4 of the public maps gallery. I can see my maps that are in my public folder but when I try to access one of them I get this message in a sign in dialogue box item:00fa59c037aa49bd9a2642f5f12dec0b

I originally created the maps gallery in version 1.3 and maps that are in there created with that version still work.

Do I need to create the Maps Gallery again with version 1.4? I also can't seem to find the Group ID finder now. Is it hidden somewhere?

Hi Angelo,

Yes, you will have to do it again with 1.4.

The group id finder tool is here: http://www.esri.com/public-maps-gallery/group-id-tool/index.html

AngeloMarino

I have downloaded and am using version 1.4 of the public maps gallery. I can see my maps that are in my public folder but when I try to access one of them I get this message in a sign in dialogue box item:00fa59c037aa49bd9a2642f5f12dec0b

I originally created the maps gallery in version 1.3 and maps that are in there created with that version still work.

Do I need to create the Maps Gallery again with version 1.4? I also can't seem to find the Group ID finder now. Is it hidden somewhere?

Esriwebmap

Thanks for the link to release 1.4. How will this affect my current install. Can I just install over the existing application and overwrite exissting files?

Unfortunately, no. You'll have to create a new instance.

AngeloMarino

Thanks for the link to release 1.4. How will this affect my current install. Can I just install over the existing application and overwrite exissting files?

Esriwebmap

I just attended the extending ArcGIS seminar yesterday and have set up my Public Maps Gallery. I would like to change a few things on the template.

First, is there a way to change the featured map links on the right side of the page? While having a link to Earthquake centers in the Yukon might be important to someone, it might not be what I want to display to my group here in NH.

My other problem is changing the Photoshop document that displays the headers and footers. This is proving to be very difficult without Photoshop. Any way around that?

Hi nashua,

Here is an updated version of this template if you're interested. It is easier to configure.
http://www.arcgis.com/home/item.html?id=2b158c0d94b64f208f45bcae801c2fa0

AngeloMarino

I just attended the extending ArcGIS seminar yesterday and have set up my Public Maps Gallery. I would like to change a few things on the template.

First, is there a way to change the featured map links on the right side of the page? While having a link to Earthquake centers in the Yukon might be important to someone, it might not be what I want to display to my group here in NH.

My other problem is changing the Photoshop document that displays the headers and footers. This is proving to be very difficult without Photoshop. Any way around that?

Esriwebmap

In PM Gallery 1.4 how do you adjust what appears in the 'About' tab in the simple map viewer? Currently no text displays when the tab is clicked. Ideally, I would like map descriptions and the username that submits the map to appear. Thanks for any help you can provide.

*This function seemed to work in the Carousel view of PMG 1.3

Hi Jacob,

That text comes from the webmap on ArcGIS.com. You will need to edit the webmap and enter the about text on arcigs online for it to show up.

JacobMcGlade

In PM Gallery 1.4 how do you adjust what appears in the 'About' tab in the simple map viewer? Currently no text displays when the tab is clicked. Ideally, I would like map descriptions and the username that submits the map to appear. Thanks for any help you can provide.

*This function seemed to work in the Carousel view of PMG 1.3

JaimePrado

Thank you! It works just fine.

jprado

MattDriscoll

Hello,

I'm currently working with the Carousel viewer. Can I change the number of maps displayed?

I have about 16 maps available for everyone, but only 10 display.

If so, what file do I modify?

Thanks,

Hi jprado,

If you open "/scripts/carousel/local.js" right near the top you will see a function queryCarousel().

You need to add the following code into that function call.

perPage: 999,
perRow: 999,

It should look like this:

/*------------------------------------*/
// QUERY CAROUSEL
/*------------------------------------*/
function queryCarousel(){
 queryArcGISGroup({
  // SETTINGS
  id_group : ymConfig.mapsGroupID,
  searchType : 'Web Map',
  sortField : 'title',
  pagination: false,
  sortOrder : 'asc',
  perPage: 999,
  perRow: 999,
  // EXECUTED AFTER AJAX IS RETURNED
  callback: function(obj,data){
   console.log(data);
   buildCarousel(obj,data);
  }
 });
}

Set perPage and perRow to however many you would like to show.

Let me know if that fixes it for you.

Thanks

Screen Shot 2011-11-29 at 9.59.15 AM.png

share2.jpg

JaimePrado

Hello,

I'm currently working with the Carousel viewer. Can I change the number of maps displayed?

I have about 16 maps available for everyone, but only 10 display.

If so, what file do I modify?

Thanks,

Esriwebmap

The updated version 1.4 is now available.

Forum thread

Download / Preview

IanWint

esri, thanks for the 1.3.1 pagination. I followed your instructions. This still didn't give me the "Previous" and "Next" labels but I managed to figure that part out. My pagination now looks like it did in 1.3.1 except I used the labels "Previous" and "More."

Esriwebmap

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.

Esriwebmap

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.

thanks for the help.

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.

IanWint

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.

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.

Esriwebmap

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!

Únete a la Conversación

Los miembros registrados pueden publicar, seguir actualizaciones y más. ¿Nuevo aquí? Regístrate gratis.

Enlaces Rápidos

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