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

Creating additional icons - e.g. for Playlist template

MarkBrickley

Are there directions somewhere for making numbered icons? Our "tree memorial" project is being done by college students for a local town. My earlier comment (on the Playlist template page) was that we probably need 500 points, but the Playlist template is limited to 99. I do appreciate the new revision having a search capability, but the real advantage of the Playlist is the ability of people to browse the list (left panel) of people with trees named after them and see a photo. Clicking that item brings you to the tree's location and a popup with more details of that person. The students are computer savvy, so they can build icons if there is a way to do that AND the code will allow us to change the upper limit to 500 or so. If making icons is possible, how do we do that? Is it necessary to use numbered icons? Can't we just use the same symbol (a point) for every tree on our map? Thanks in advance!

Trouver plus de publications taguées avec

Accepted answers

StephenSylvia

Hi Julie, did you make sure to download the developer download and follow all these instruction: GitHub - Esri/playlist-storytelling-template-js: A storytelling template that organizes point data sets from a CSV file …? The error you're getting appears that you never ran "bundle install" or that you have not installed ruby or the bundle installer appropriately. If you're on windows, you should also make sure you are using a command line program that provides access to the ruby commands. You should be able to run "ruby -v" and "bundle -v" to see the version numbers of each program installed.

All comments

StephenSylvia

Looks like this one still works: http://links.esri.com/storymaps/numbered_marker_symbols.

JulieK

Hello,

Both the links don't work for some reason. Is the zip folder still available for download ? It says the site is down .

Thanks,

Julie

RupertEssinger

(edited to remove old links)

http://links.esri.com/storymaps/numbered_marker_symbols

EmilyLee

Stehpen,

Thank you very much for your quick reply. I've downloaded the js developer version of the Playlist app, increased the 'maxAllowablePoints' variable from 99 to 700 on line 19 from the MapConfig.js file (source > app > javascript > playlist > config > MapConfig.js), and updated the webmap ID and other minor things from the index.html file (deploy > index.html). But I still cannot link them together and make the two files talk to each other? The webapp result still gives me up to 99 features. I'm sorry that I'm not a developer, and I've followed the instructions and downloaded all the needed files (Git, Ruby, Ruby Dev Kit, Node) many many times, but I'm still stuck and sort of confused from here on:

and it gave me this error message from the Git Shell commend prompt:

Thank you very much for your time here and any help is greatly appreciated!

Sincerely,

Emily

CONABIONC_for_Knowledge_and_Us

A similar issue regarding the playlist template has been discussed here:

How to use simple markers to show six categories?‌

StephenSylvia

Emily,

The first thing you'll need to do is make sure you are using the developer download of the Playlist app. Instructions for setting up your computer for testing your app, building it for production, and source code are available here: Esri/playlist-storytelling-template-js · GitHub‌.

After you have added the additional photo icons to the correct folder, open up the MapConfig.js file (source > app > javascript > playlist > config > MapConfig.js). On line 19 you can increase the 'maxAllowablePoints' variable. Then make sure you build you app for production before deploying to your server.

EmilyLee

Hi Stephen,

Would you mind to pinpoint exactly where to modify the Playlist codes in order to allow for more than 99 points please? I've put all the extended numbered marker symbols that Rupert created in the same folder as the rest of 1-99 numbered icons by color. But still can't find where to modify the codes to include them.

Thank you very much in advance!

Emily

StephenSylvia

Sorry, you are correct the file extension for every icon should be ".png" (all lower case).

MarkBrickley

Thank you for the reply. We'll make the additional icons. We notice the directions say to save the files as jpegs, but then, in the reply that follows that one, additional icons made by others all seem to be PNG files. Before we set out to make hundreds of these, does the file type matter?

Thanks for all the help - we really do appreciate it.

RupertEssinger

And here's an additional zip file of marker symbols that may be useful. Several authors have made additional marker symbols and kindly shared them with us.

http://links.esri.com/storymaps/numbered_marker_symbols

StephenSylvia

The main reason that the playlist has been limited to 99 points is because that is the maximum number of numbered icons that we have created for each color. In order to add new points, you will need to manually create new icons if you would each icon to contain a number.

I've attached the Photoshop files to make it a little easier. For each icon, you will need to open the appropriate Photoshop file, change the text layer with the new number (you will probably need to adjust the font size to make sure it fits within the pin), then "save as" the icon as a jpg.

You will need to save the new jpeg with the exact same file name (changing only the number portion) and in the correct color folder. Once you have added the new icons, you will need a JavaScript developer to modify the source code to allow for more than 99 points.

icons.zip

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.