2016-03-26 5 views
1

So erstellt wurde ich ein kleines Problem mit einer Karte habe, insbesondere Map-Stil, von Mapbox, die ein Designer erstellt hat für mich mit zu arbeiten.MapBox, Karte ID für eine Karte erhalten, die

Ich habe einen Zugang zu ihrem Konto, und ich kann die Karte so schnell sehen, wie ich in zu account -> styles gehen. Meine Frage ist also, wie kann ich ihr Design referenzieren, um meine Custom Markers und so weiter aufzubauen?

Ich habe versucht, eine json Datei herunterzuladen, um dort eine ID zu finden, aber kein Glück. Auch versucht, das Zeug aus URI zu kopieren, wenn Sie auf den Stil klicken, immer noch keine IDs. Wenn Sie mehr Erklärungen benötigen, kann ich mein Bestes geben, um Ihnen einen zu geben.

Bis jetzt sieht meine HTML so aus.

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

Antwort

0

Eigentlich habe ich selbst eine Lösung gefunden. Der Grund, warum ich nicht verstehen konnte, warum ich eine ID einer Karte erhalten kann, die im Editor erstellt wurde und nicht die, die mit Visual Studio erstellt wurde.

Silly Silly mich!

So ist der einzige Unterschied ist sehr, sehr klein, es ist einfach so, wie Sie es auf!

Lassen Sie mich erklären :)

Die Karte, die Editor erstellt wurde, indem Sie in der Regel so etwas tun:

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'); 

Hier bin ich Referenzierung eine Karte mit einem id streets von MapBox Sie können eine ID erhalten, wenn Sie Ihre Karte in Editor von uRL am Ende, für https://www.mapbox.com/editor/?id=*username*.ph8b3e4a#saved Beispiel erstellen

der ph8b3e4a wäre eine ID sein. So eine Karte machen Sie tun so etwas wie dies

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'); 

Aber wenn die Karte in MapBox Studio erstellt wird, wie sein getan.

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

Dies kann von der rechten Seite Ihres Styles-Verzeichnisses kopiert werden.

Ich hoffe, das ist hilfreich für jeden, der wie ich kämpft :)