I'm looking to create a layer that will be used to place points( icons such as emergency responders will be placed) on a map for a table top scenario. When scenario is done and we are to refresh the browser or close the browser and reopen I don't want these points (Emergency icons ) saved. I thought I handle this before but I'm drawing a blank on how to create this.
Thank you.
Chris,
If you would like to have a draw widget symbololgy set that are specific to you and your needs then several files need some edits/creation.
The symbols that are available in the draw widget come from 10 json files that specify the symbols in json format
[install dir]\server\apps\[app#]\jimu.js\dijit\SymbolsInfo.
The json files then contain (minified) symbols:
<SPAN class="punctuation token">[</SPAN><SPAN class="punctuation token">{</SPAN> <SPAN class="string token">"imageData"</SPAN><SPAN class="punctuation token">:</SPAN> "iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAgY0hSTQAAeiYAAICEAAD6AAAAgOgAAHUwAADqYAAAOpgAABdwnLpRPAAAEM5JREFUeF7tWglUlFey7m56gabZN6GbpaGRBgOCkmecYwyJJsYzeU8d44tLnERj4uRNjM84ahaj5o0xiQuJuMcVg1EwwQ0UQRTFBQUlKGLiqIwi4gYIskPzvaq<SPAN class="operator token">/</SPAN>uxEYVEQz58jhnlOnl<SPAN class="comment token">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",</SPAN> <SPAN class="string token">"height"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">24</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"xoffset"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"yoffset"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"width"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">24</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"name"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Airplane"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"contentType"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"image/png"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"type"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"esriPMS"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"angle"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"url"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token"><SPAN>"</SPAN><A class="jive-link-external-small" href="https://community.esri.com/external-link.jspa?url=http%3A%2F%2Fstatic.arcgis.com%2Fimages%2FSymbols%2FTransportation%2FAirplane.png" target="_blank">http://static.arcgis.com/images/Symbols/Transportation/Airplane.png</A><SPAN>"</SPAN></SPAN> <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="punctuation token">{</SPAN> <SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
The imageData above is the Base64 encoded string of the image file (online utility website for that Base64 Decode and Encode - Online )
So you would create a new 11.json file and add symbol code like above in an array (so you will need your images you will be using to be hosted on a web server).
Then in the [install dir]\server\apps\[app#]\jimu.js\dijit\templates\SymbolChooser.html you would add your new 11.json to the list (line 31 below):
<SPAN class="operator token"><</SPAN>div style<SPAN class="operator token">=</SPAN><SPAN class="string token">"width:320px;"</SPAN><SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>div <SPAN class="keyword token">class</SPAN><SPAN class="operator token">=</SPAN><SPAN class="string token">"symbol-section point-symbol-section"</SPAN> data<SPAN class="operator token">-</SPAN>dojo<SPAN class="operator token">-</SPAN>attach<SPAN class="operator token">-</SPAN>point<SPAN class="operator token">=</SPAN><SPAN class="string token">"pointSection"</SPAN><SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>table <SPAN class="keyword token">class</SPAN><SPAN class="operator token">=</SPAN><SPAN class="string token">"symbol-set-table"</SPAN> cellspacing<SPAN class="operator token">=</SPAN><SPAN class="string token">"0"</SPAN><SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>colgroup<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>col width<SPAN class="operator token">=</SPAN><SPAN class="string token">"130px"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>col<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>col width<SPAN class="operator token">=</SPAN><SPAN class="string token">"auto"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>col<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>colgroup<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>tbody<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>tr<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>td<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>span<SPAN class="operator token">></SPAN>$<SPAN class="punctuation token">{</SPAN>nls<SPAN class="punctuation token">.</SPAN>preview<SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">:</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>span<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>td<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>div data<SPAN class="operator token">-</SPAN>dojo<SPAN class="operator token">-</SPAN>attach<SPAN class="operator token">-</SPAN>point<SPAN class="operator token">=</SPAN><SPAN class="string token">"pointSymPreview"</SPAN> style<SPAN class="operator token">=</SPAN><SPAN class="string token">"width:100%;"</SPAN><SPAN class="operator token">></SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>div<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>tr<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>tr <SPAN class="keyword token">class</SPAN><SPAN class="operator token">=</SPAN><SPAN class="string token">"point-sym-class-select-tr"</SPAN><SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>td colspan<SPAN class="operator token">=</SPAN><SPAN class="string token">"2"</SPAN><SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>select <SPAN class="keyword token">class</SPAN><SPAN class="operator token">=</SPAN><SPAN class="string token">"restrict-select-width"</SPAN> data<SPAN class="operator token">-</SPAN>dojo<SPAN class="operator token">-</SPAN>attach<SPAN class="operator token">-</SPAN>point<SPAN class="operator token">=</SPAN><SPAN class="string token">"pointSymClassSelect"</SPAN> data<SPAN class="operator token">-</SPAN>dojo<SPAN class="operator token">-</SPAN>type<SPAN class="operator token">=</SPAN><SPAN class="string token">"dijit/form/Select"</SPAN> style<SPAN class="operator token">=</SPAN><SPAN class="string token">"width:100%;height:30px;"</SPAN><SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'0'</SPAN> selected<SPAN class="operator token">=</SPAN><SPAN class="string token">"selected"</SPAN><SPAN class="operator token">></SPAN>$<SPAN class="punctuation token">{</SPAN>nls<SPAN class="punctuation token">.</SPAN>basic<SPAN class="punctuation token">}</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'1'</SPAN><SPAN class="operator token">></SPAN>A<SPAN class="operator token">-</SPAN>Z<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'2'</SPAN><SPAN class="operator token">></SPAN>$<SPAN class="punctuation token">{</SPAN>nls<SPAN class="punctuation token">.</SPAN>arrows<SPAN class="punctuation token">}</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'3'</SPAN><SPAN class="operator token">></SPAN>$<SPAN class="punctuation token">{</SPAN>nls<SPAN class="punctuation token">.</SPAN>business<SPAN class="punctuation token">}</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'4'</SPAN><SPAN class="operator token">></SPAN>$<SPAN class="punctuation token">{</SPAN>nls<SPAN class="punctuation token">.</SPAN>cartographic<SPAN class="punctuation token">}</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'5'</SPAN><SPAN class="operator token">></SPAN>$<SPAN class="punctuation token">{</SPAN>nls<SPAN class="punctuation token">.</SPAN>nationalParkService<SPAN class="punctuation token">}</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'6'</SPAN><SPAN class="operator token">></SPAN>$<SPAN class="punctuation token">{</SPAN>nls<SPAN class="punctuation token">.</SPAN>outdoorRecreation<SPAN class="punctuation token">}</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'7'</SPAN><SPAN class="operator token">></SPAN>$<SPAN class="punctuation token">{</SPAN>nls<SPAN class="punctuation token">.</SPAN>peoplePlaces<SPAN class="punctuation token">}</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'8'</SPAN><SPAN class="operator token">></SPAN>$<SPAN class="punctuation token">{</SPAN>nls<SPAN class="punctuation token">.</SPAN>safetyHealth<SPAN class="punctuation token">}</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'9'</SPAN><SPAN class="operator token">></SPAN>$<SPAN class="punctuation token">{</SPAN>nls<SPAN class="punctuation token">.</SPAN>shapes<SPAN class="punctuation token">}</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'10'</SPAN><SPAN class="operator token">></SPAN>$<SPAN class="punctuation token">{</SPAN>nls<SPAN class="punctuation token">.</SPAN>transportation<SPAN class="punctuation token">}</SPAN><SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN>option value<SPAN class="operator token">=</SPAN><SPAN class="string token">'11'</SPAN><SPAN class="operator token">></SPAN>my custom symbols<SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>option<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>select<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>td<SPAN class="operator token">></SPAN> <SPAN class="operator token"><</SPAN><SPAN class="operator token">/</SPAN>tr<SPAN class="operator token">></SPAN><SPAN class="line-numbers-rows"><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN><SPAN></SPAN></SPAN>
That's it now you have a custom symbol set in your apps draw widget that you can use.
Are developing this map using the JS API or some other API?
I would like something for WAB or even Flex 3.7
You could just use the WAB otb draw widget. If that does not meet your needs then developing a custom widget that use a graphics layer would be the route to go.
Yes, this is what I was coming to but I'm having difficulties on how to dig into the draw widget.
Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.
