2015-06-08 3 views
1

Я пытался использовать пример на Mapbox.com для навигации по ссылкам. marker navMapbox: Marker Nav ссылки за пределами карты

Я хочу, чтобы изменить js innerHTML на разные свойства в моем собственном geojson, т. Е. Изменить заголовок на «имя редактора». Я могу заставить навигационные ссылки отображать правильные свойства, но отключает всплывающее окно. Я действительно новичок в этом извините, если я не делаю свою проблему кратким. Следующее - это то, с чем я работаю.

Мои GeoJSON:

myLayer.setGeoJSON([{ 
    "type":"Feature","geometry":{"type":"Point","coordinates":[-87.453325,38.006909]},"properties":{"objectid_1":2,"objectid":50,"title":"CENTERRA RIDGE SEC 3","editorname":"Ryan Key","lastupdate":"2014-02-03T00:00:00.000Z","description":"T-112","weburl":"http://maps.evansvillegis.com/Apps/Subdivisions/Scans/T/T-112.pdf","created_us":null,"created_da":null,"last_edite":null,"last_edi_1":null,"shape_leng":2407.666236,"orig_fid":49,"point_x":2846145.10825,"point_y":1005002.97882,"cartodb_id":2,"created_at":"2015-05-31T23:02:35Z","updated_at":"2015-05-31T23:18:17Z","price_upper":"false","price_mid":"false","price_lower":"true"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-87.474933,38.000353]},"properties":{"objectid_1":4,"objectid":81,"title":"CWKS UNITED","editorname":"Ryan Key","lastupdate":"2014-01-22T00:00:00.000Z","description":"T-104","weburl":"http://maps.evansvillegis.com/Apps/Subdivisions/Scans/T/T-104.pdf","created_us":null,"created_da":null,"last_edite":null,"last_edi_1":null,"shape_leng":1800.536856,"orig_fid":80,"point_x":2839909.17485,"point_y":1002641.02521,"cartodb_id":4,"created_at":"2015-05-31T23:02:35Z","updated_at":"2015-05-31T23:19:22Z","price_upper":"false","price_mid":"false","price_lower":"true"}},{"type":"Feature","geometry":{"type":"Point","coordinates":[-87.634783,38.071915]},"properties":{"objectid_1":5,"objectid":123,"title":"GILMORE HUSSMANN","editorname":"Ryan Key","lastupdate":"2014-04-02T00:00:00.000Z","description":"T-120","weburl":"http://maps.evansvillegis.com/Apps/Subdivisions/Scans/T/T-120.pdf","created_us":null,"created_da":null,"last_edite":null,"last_edi_1":null,"shape_leng":2057.178751,"orig_fid":122,"point_x":2794002.17808,"point_y":1028934.09894,"cartodb_id":5,"created_at":"2015-05-31T23:02:35Z","updated_at":"2015-05-31T23:19:26Z","price_upper":"false","price_mid":"false","price_lower":"true" 
    } 
} 
]); 
+0

Попробуйте сделать демо на [jsfiddle] (http://jsfiddle.net). Мы можем помочь вам лучше. –

+0

Спасибо за ответ sir. https://jsfiddle.net/ag2g6bzk/ –

+0

Похоже, что маркер nav отображает изменения, но всплывающее окно отображает только заголовок и описание. –

ответ

0

Here it is. Все, что вам нужно сделать, это что-то вроде:

var content = '<h2>New Content!<\/h2>' + 
'<p>' + marker.feature.properties.title + '<br \/>' + 
'link: ' + marker.feature.properties.weburl + '<\/p>'; 

marker.bindPopup(content); 
+0

Спасибо, сэр! Я должен тебе пиво! –

+0

Добро пожаловать! –

+0

О, отметьте ответ как правильный. –

Смежные вопросы