2016-03-26 2 views
1

Итак, у меня есть небольшая проблема с картой, в частности, с типом карты, от Mapbox, созданной для меня дизайнером.Mapbox, получить идентификатор карты для созданной карты

У меня есть доступ к ее учетной записи, и я могу просмотреть карту, как только я заберусь до account -> styles. Поэтому мой вопрос в том, как я могу ссылаться на ее дизайн, чтобы создать поверх этого мои собственные маркеры и т. Д.?

Я попытался загрузить файл json, чтобы найти ID там, но не повезло. Также попытался скопировать материал из URI, когда вы нажимаете на стиль, но все равно нет идентификаторов. Если вам нужно больше объяснений, я могу изо всех сил предоставить вам это.

До сих пор мой HTML выглядит следующим образом.

<html> 
    <head> 
     <meta charset=utf-8 /> 
     <title>A simple map</title> 
     <meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' /> 
     <script src='https://api.mapbox.com/mapbox.js/v2.3.0/mapbox.js'></script> 
    <link href='https://api.mapbox.com/mapbox.js/v2.3.0/mapbox.css' rel='stylesheet' /> 

    <style> 
     body { margin:0; padding:0; } 
     #map { position:absolute; top:0; bottom:0; width:100%; } 
    </style> 
    </head> 
    <body> 
     <div id='map'></div> 
     <script> 
     L.mapbox.accessToken = 'token'; 
     var map = L.mapbox.map('map', 'ciltdxqbt00jef7m0y99qpkt2') 
      .setView([40, -74.50], 9); 
     </script> 
    </body> 
</html> 

ответ

0

На самом деле я нашел решение самостоятельно. Причина, по которой я не мог понять, почему я могу получить идентификатор карты, которая была создана в редакторе, а не тот, который был создан с помощью Visual Studio.

Глупый глупый меня!

Таким образом, единственная разница очень маленькая, ее просто так, как вы ее ссылаетесь!

Позвольте мне объяснить :)

карте, которая была создана с помощью редактора вы обычно делаете что-то вроде этого:

L.mapbox.accessToken = 'accesstoken; 
// map refers to a <div> element with the ID map 
// mapbox.streets is the ID of a map on Mapbox.com 
var map = L.mapbox.map('map', 'mapbox.streets'); 

Здесь я ссылающийся карту с идентификатором streets из MapBox , вы можете получить идентификатор при создании своей карты в редакторе с URL-адреса в самом конце, например https://www.mapbox.com/editor/?id=*username*.ph8b3e4a#saved

ph8b3e4a будет идентификатором. Таким образом, чтобы сделать карту вы сделать что-то вроде этого

L.mapbox.accessToken = 'accesstoken; 
// map refers to a <div> element with the ID map 
// mapbox.streets is the ID of a map on Mapbox.com 
var map = L.mapbox.map('map', *username*.ph8b3e4a'); 

Но если карта создается в MapBox Studio, его сделали, как это.

L.mapbox.accessToken = 'accesstoken; 
    var map = L.mapbox.map('map') 
    .setView([38.97416, -95.23252], 15); 
    L.mapbox.styleLayer('mapbox://styles/*username*/*style*').addTo(map); 

это может быть скопировано с правой стороны в каталог стилей.

Я надеюсь, что это полезно для всех, кто борется, как я :)

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