javascript - Adding an ID to Mapbox Marker -


i trying add id each marker can trigger modal window when marker clicked using jquery instead of built in popup functionality. want populate id property "id".

i know need recursively go through , add ids i'm not how achieve this. how go doing this?

var geojson = [{   "type": "feature",   "geometry": {     "coordinates": [-86.781602, 36.162664],     "type": "point"   },   "properties": {     "id": 001,     "title": "poi #1",     "image": "http://lorempixel.com/image_output/city-h-c-524-822-2.jpg",     "filter-1": true,     "filter-2": false,     "filter-3": false,     "filter-4": true,     "filter-5": false,     "marker-color": "#1087bf",     "marker-size": "medium",     "marker-symbol": ""   } }]; 

jsfiddle

you need for loop. i've updated fiddle correct code cycle through length of geojson variable, add new field called propertiesid, sets properties plus id field, properties1, properties2, etc.

the code change can found on line 90 of fiddle

for (var i=0; i<geojson.length; i++){     geojson[i].properties.propertiesid = "properties" + geojson[i].properties.id      //logs out each object's properties in array     console.log(geojson[i].properties) } 

Comments

Popular posts from this blog

java - nested exception is org.hibernate.exception.SQLGrammarException: could not extract ResultSet Hibernate+SpringMVC -

sql - Postgresql tables exists, but getting "relation does not exist" when querying -

asp.net mvc - breakpoint on javascript in CSHTML? -