Маркеры кластеризации на mapbox / листовке
Я пытаюсь настроить кластерную карту на mapbox, например http://leaflet.github.io/Leaflet.markercluster/example/marker-clustering-realworld.388.html
но в их примере используется равнина .файл js как данные http://www.mapbox.com/mapbox.js/assets/realworld.388.js
и единственное, что я могу получить от mapbox.GeoJSON, который http://api.tiles.mapbox.com/v3/thebteam.map-w9jzcznw/markers.geojson
есть ли способ Я могу преобразовать geojson в js (на регулярной основе)? Или экспортировать массив javascript из mapbox?
EDIT: закончилось переключение моих данных в CSV и поиск парсера. Вот код, который работал, если кому надо:
var url = 'https://docs.google.com/spreadsheet/pub?key=abc123';
$.get(url, function(data) {
var addressPoints = $.csv.toArrays(data);
var map = L.mapbox.map('map', 'map-abc123').setView([20.30, 18.98], 2);
var markers = new L.MarkerClusterGroup({ showCoverageOnHover: false });
for (var i = 0; i < addressPoints.length; i++) {
var a = addressPoints[i];
var title = a[2];
var marker = L.marker(new L.LatLng(a[0], a[1]), {
icon: L.mapbox.marker.icon({'marker-size': 'small', 'marker-color': 'e8168c'}),
title: title
});
marker.bindPopup(title);
markers.addLayer(marker);
}
map.addLayer(markers);
});
2 ответов
var geojson = dataFromMapbox;
var lat;
var lng;
for(var i= 0;i<geojson.features.length;i++)
{
lat = geojson.features[i].geometry.coordinates[0];
lng = geojson.features[i].geometry.coordinates[1];
//create a marker with those values, pass it to a MarkerCluster object
}
создайте слой geoJson, а затем добавьте этот слой в MarkerCluster:
var markers = new L.MarkerClusterGroup();
var geoJsonFeature = = {
"type": "Feature",
"properties": {
"name": "Coors Field",
"amenity": "Baseball Stadium",
"popupContent": "This is where the Rockies play!"
},
"geometry": {
"type": "Point",
"coordinates": [-104.99404, 39.75621]
}
};
var geoJsonLayer = L.geoJson(geoJsonFeature);
markers.addLayer(geoJsonLayer);
map.addLayer(markers);