Also das ist meine erste Karte und mein erster Versuch zu codieren, es ist ein Clustermap mit Choropleth Ich suchte Wege, damit es funktioniert, und ich konnte nicht. Hier ist die CodezeileIch kann nicht zum Clustering arbeiten
<script type="text/javascript" src="sectores.js"></script>
<script type="text/javascript" src="geo.js"></script>
<body>
<script>
$.getJSON("geo.js",function(data){
});
var geo = L.geoJson(data,{
pointToLayer: function(feature,latlng){
var marker = L.marker(latlng,{icon: ratIcon});
marker.bindPopup(feature.properties.geometry.coordinates + '<br/>' + feature.properties.OPEN_DT);
return marker;
}
});
var clusters = L.markerClusterGroup();
clusters.addLayer(geo);
map.addLayer(clusters);
});
</script>
</body>
Und dies ist einer der 300 Punkte in den geo.js
var geo =
{"type": "FeatureCollection",
"features": [
{
"type": "Feature",
"properties": {
"Fecha": "05/01/2017",
"Dia": null,
"Hora": null,
"Caratula": "Robo",
"Pais": "Argentina",
"Calle": "CANADA Y ARCACHON",
"Localidad": "Pinamar",
"Provincia": "Buenos Aires",
"Codigo Pos": 7167,
"addrtype": "intersection",
"addrlocat": "GEOMETRIC_CENTER"
},
"geometry": {
"type": "Point",
"coordinates": [
-56.8951216,
-37.1321522
]
}
},
Und schließlich ist hier der Anfang der Datei
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" />
<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.css" />
<link rel="stylesheet" type="text/css" href="http://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/MarkerCluster.Default.css" />
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/2.1.4/jquery.min.js'></script>
<script type='text/javascript' src='http://cdn.leafletjs.com/leaflet/v0.7.7/leaflet.js'></script>
<script type='text/javascript' src='http://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/0.4.0/leaflet.markercluster.js'></script>
Bitte hilf mir ;-;