mapbox麻点の使用方法

mapbox麻点の使用方法
1.アカウント登録アクセス_token.
https://www.mapbox.commapboxページのaccess_を使用することもできます.token
2.Webページに地図を埋め込む
ページ構造は次のとおりです.

    L.mapbox.accessToken = '<your access token here>';
    var map = L.mapbox.map('map', 'mapbox.streets')
        .setView([40, -74.50], 9);

3.makerをインスタンス化して地図に追加
複数のmarkerがある場合はforeachで追加してください(データソースは一般的にサーバに由来します)

// L.marker is a low-level marker constructor in Leaflet.
L.marker([37.9, -77], {
    icon: L.mapbox.marker.icon({
        'marker-size': 'large',
        'marker-symbol': 'bus',
        'marker-color': '#fa0'
    })
}).addTo(map);

4、markerをクリックして弾層が現れる
markerのbindPopup()メソッドを使用する必要がある例のpopupContentはhtmlです.

    marker.bindPopup(popupContent).openPopup();

最終改訂:木曜日、02.3月2017 05:14午後