-2

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

Antwort

0

Habe ich es mir selbst heraus, es war nicht klar, zunächst die offizielle Erklärung zu mir, den richtigen Code zu machen es Arbeit ist

var clusterGroup = L.markerClusterGroup(); 
var geojsonLayer = L.geoJson(geo); //where it goes your .js file 
clusterGroup.addLayer(geojsonLayer); 
map.addLayer(clusterGroup); 
} 

das ist es, es ist der einzige Linie, die ich ändern musste, ich hoffe, das hilft einigen Neulingen wie mir haha ​​

Verwandte Themen