1. Zuhause
  2. Frage und Antwort
  3. Wie befülle ich dynamisch das heatMapData-Array und lade einen Heatmap-Layer mit dem Google Maps API?

Wie befülle ich dynamisch das heatMapData-Array und lade einen Heatmap-Layer mit dem Google Maps API?

2016-04-25 11 views
1

Mir fällt es wirklich schwer, eine Heat Map auf meiner Site zu sehen. Ich versuche, Mordvorwürfe und Schießdaten von Baltimore aufzuzeichnen. Ich lade die Daten über JSON ein - ich kann alle Punkte leicht zeichnen, aber die Heatmap kann nicht angezeigt werden. Bearbeite ich das Array mit den richtigen Informationen? Was muss ich tun, damit es funktioniert?Wie befülle ich dynamisch das heatMapData-Array und lade einen Heatmap-Layer mit dem Google Maps API?

Javascript:

var map; 
    function initMap() { 
    var infowindow = new google.maps.InfoWindow(); 
    var mapDiv = document.getElementById('map'); 
     var map = new google.maps.Map(mapDiv, { 
      center: {lat: 39.2888414, lng: -76.6099112}, 
      zoom: 12 
    }); 


    google.maps.event.addListener(map, 'click', function() { 
    infowindow.close(); 
    }); 
    map.data.loadGeoJson('https://data.baltimorecity.gov/resource/4ih5-d5d5.geojson?description=SHOOTING'); 
    map.data.loadGeoJson('https://data.baltimorecity.gov/resource/4ih5-d5d5.geojson?description=HOMICIDE'); 

    var data; 
    $.ajax({ 
     dataType: "json", 
     url: "https://data.baltimorecity.gov/resource/4ih5-d5d5.geojson?description=SHOOTING", 
     data: data, 
     success: letsGo 
    }); 

    var latLngList = []; 
    var heatMapData = []; 

    function letsGo(mapData){ 
    console.log(mapData.features.length); 

    for (i=0; i < mapData.features.length; i++){ 
    tempLocation = mapData.features[i] 
    latLngList.push(tempLocation.geometry.coordinates); 
    //console.log(latLngList); 
    } 

console.log(latLngList); 
console.log(latLngList.length); 
    for (i=0; i < latLngList.length; i++){ 
    var tempLat = latLngList[i][0]; 
    var tempLong = latLngList[i][1]; 
    var tempVar = new google.maps.LatLng(tempLat, tempLong); 
    heatMapData.push(new google.maps.LatLng(tempLat, tempLong)); 
    // console.log(tempLat); 
    // console.log(tempLong); 
    } 

var pointArray = new google.maps.MVCArray(heatMapData); 

console.log(pointArray); 

    var heatmap = new google.maps.visualization.HeatmapLayer({ 
    data: pointArray 
    }); 

    console.log("got to heatmap"); 
    heatmap.setMap(map); 
} 

    map.data.addListener('click', function(event) { 
     infowindow.setContent(event.feature.getProperty('description')+"<br>"+event.feature.getProperty('crimedate')); 
     infowindow.setPosition(event.latLng); 
     infowindow.setOptions({pixelOffset: new google.maps.Size(0,-34)}); 
     infowindow.open(map); 
    }); 
    google.maps.event.addDomListener(window, 'load', initMap); 
    } 
</script>

Quelle

2016-04-25 Taylor

Antwort

2

Sie haben die Breite und Länge in der Heatmap umgekehrt. GeoJSON Koordinaten sind [longitude, latitude]:

for (i = 0; i < latLngList.length; i++) { 
    var tempLat = latLngList[i][1]; // was [0] 
    var tempLong = latLngList[i][0]; // was [1] 
    var tempVar = new google.maps.LatLng(tempLat, tempLong); 
    heatMapData.push(new google.maps.LatLng(tempLat, tempLong)); 
}

proof of concept fiddle

Code-Schnipsel:

var map; 
 

 
function initMap() { 
 
    var infowindow = new google.maps.InfoWindow(); 
 
    var mapDiv = document.getElementById('map'); 
 
    map = new google.maps.Map(mapDiv, { 
 
    center: { 
 
     lat: 39.2888414, 
 
     lng: -76.6099112 
 
    }, 
 
    zoom: 12 
 
    }); 
 

 

 
    google.maps.event.addListener(map, 'click', function() { 
 
    infowindow.close(); 
 
    }); 
 

 
    var data; 
 
    var latLngList = []; 
 
    var heatMapData = []; 
 
    letsGo(geoJsonShooting); 
 

 
    function letsGo(mapData) { 
 
    console.log(mapData.features.length); 
 

 
    for (i = 0; i < mapData.features.length; i++) { 
 
     tempLocation = mapData.features[i] 
 
     latLngList.push(tempLocation.geometry.coordinates); 
 
    } 
 

 
    for (i = 0; i < latLngList.length; i++) { 
 
     var tempLat = latLngList[i][1]; 
 
     var tempLong = latLngList[i][0]; 
 
     var tempVar = new google.maps.LatLng(tempLat, tempLong); 
 
     heatMapData.push(new google.maps.LatLng(tempLat, tempLong)); 
 
    } 
 

 
    var pointArray = new google.maps.MVCArray(heatMapData); 
 

 
    var heatmap = new google.maps.visualization.HeatmapLayer({ 
 
     data: pointArray 
 
    }); 
 

 
    heatmap.setMap(map); 
 
    } 
 

 
    map.data.addListener('click', function(event) { 
 
    infowindow.setContent(event.feature.getProperty('description') + "<br>" + event.feature.getProperty('crimedate')); 
 
    infowindow.setPosition(event.latLng); 
 
    infowindow.setOptions({ 
 
     pixelOffset: new google.maps.Size(0, -34) 
 
    }); 
 
    infowindow.open(map); 
 
    }); 
 
} 
 
    google.maps.event.addDomListener(window, 'load', initMap); 
 
// reduced size of data set to fit in post 
 
var geoJsonShooting = { 
 
    "type": "FeatureCollection", 
 
    "features": [{ 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.67129, 39.33763] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-09T00:00:00.000", 
 
     "post": "613", 
 
     "location_1_address": null, 
 
     "location": "3000 W COLD SPRING LA", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Towanda-Grantley", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "NORTHWESTERN", 
 
     "crimetime": "1612" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.59531, 39.28513] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-10T00:00:00.000", 
 
     "post": "213", 
 
     "location_1_address": null, 
 
     "location": "500 S BOND ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Fells Point", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHEASTERN", 
 
     "crimetime": "0135" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.59531, 39.28513] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-10T00:00:00.000", 
 
     "post": "213", 
 
     "location_1_address": null, 
 
     "location": "500 S BOND ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Fells Point", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHEASTERN", 
 
     "crimetime": "0135" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.68361, 39.34287] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-07T00:00:00.000", 
 
     "post": "623", 
 
     "location_1_address": null, 
 
     "location": "4100 W BELVEDERE AV", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Woodmere", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "NORTHWESTERN", 
 
     "crimetime": "1845" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.70401, 39.28251] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-01T00:00:00.000", 
 
     "post": "823", 
 
     "location_1_address": null, 
 
     "location": "200 BOSWELL RD", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Westgate", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHWESTERN", 
 
     "crimetime": "1818" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.67611, 39.28487] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-27T00:00:00.000", 
 
     "post": "842", 
 
     "location_1_address": null, 
 
     "location": "100 S MORLEY ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Saint Josephs", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHWESTERN", 
 
     "crimetime": "1721" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.63785, 39.31029] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-01-08T00:00:00.000", 
 
     "post": "733", 
 
     "location_1_address": null, 
 
     "location": "1200 W NORTH AV", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Penn North", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "WESTERN", 
 
     "crimetime": "1852" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.55906, 39.34631] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-25T00:00:00.000", 
 
     "post": "426", 
 
     "location_1_address": null, 
 
     "location": "3400 ECHODALE AV", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Waltherson", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "NORTHEASTERN", 
 
     "crimetime": "1227" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.67444, 39.30995] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2013-07-13T00:00:00.000", 
 
     "post": "812", 
 
     "location_1_address": null, 
 
     "location": "3400 WALBROOK AV", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Mount Holly", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHWESTERN", 
 
     "crimetime": "2128" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.53564, 39.35372] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-25T00:00:00.000", 
 
     "post": "425", 
 
     "location_1_address": null, 
 
     "location": "6400 BROOK AV", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Rosemont East", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "NORTHEASTERN", 
 
     "crimetime": "1933" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.65021, 39.28703] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-04T00:00:00.000", 
 
     "post": "842", 
 
     "location_1_address": null, 
 
     "location": "2100 HOLLINS ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Boyd-Booth", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHWESTERN", 
 
     "crimetime": "1224" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.59893, 39.29428] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2014-05-17T00:00:00.000", 
 
     "post": "212", 
 
     "location_1_address": null, 
 
     "location": "200 N EDEN ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Dunbar-Broadway", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHEASTERN", 
 
     "crimetime": "0146" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.64921, 39.28469] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2011-04-05T00:00:00.000", 
 
     "post": "934", 
 
     "location_1_address": null, 
 
     "location": "200 HARMISON ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Carrollton Ridge", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHERN", 
 
     "crimetime": "0146" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.64921, 39.28469] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2011-04-05T00:00:00.000", 
 
     "post": "934", 
 
     "location_1_address": null, 
 
     "location": "200 HARMISON ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Carrollton Ridge", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHERN", 
 
     "crimetime": "0146" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.64921, 39.28469] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2011-04-05T00:00:00.000", 
 
     "post": "934", 
 
     "location_1_address": null, 
 
     "location": "200 HARMISON ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Carrollton Ridge", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHERN", 
 
     "crimetime": "0146" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.62384, 39.29182] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2015-07-12T00:00:00.000", 
 
     "post": "121", 
 
     "location_1_address": null, 
 
     "location": "200 N GREENE ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "University Of Maryland", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "CENTRAL", 
 
     "crimetime": "0512" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.62579, 39.29688] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-16T00:00:00.000", 
 
     "post": "143", 
 
     "location_1_address": null, 
 
     "location": "600 N MARTIN L KING JR BLVD", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Seton Hill", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "CENTRAL", 
 
     "crimetime": "1817" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.59842, 39.31605] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-19T00:00:00.000", 
 
     "post": "342", 
 
     "location_1_address": null, 
 
     "location": "2300 AIKEN ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "East Baltimore Midway", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "EASTERN", 
 
     "crimetime": "1239" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.59842, 39.31605] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-19T00:00:00.000", 
 
     "post": "342", 
 
     "location_1_address": null, 
 
     "location": "2300 AIKEN ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "East Baltimore Midway", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "EASTERN", 
 
     "crimetime": "1239" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.60933, 39.34107] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2011-04-26T00:00:00.000", 
 
     "post": "524", 
 
     "location_1_address": null, 
 
     "location": "500 E 43RD ST", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Wilson Park", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "NORTHERN", 
 
     "crimetime": "0150" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.67385, 39.28643] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-27T00:00:00.000", 
 
     "post": "842", 
 
     "location_1_address": null, 
 
     "location": "3400 W CATON AV", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Saint Josephs", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHWESTERN", 
 
     "crimetime": "1345" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.63108, 39.30639] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2013-02-12T00:00:00.000", 
 
     "post": "132", 
 
     "location_1_address": null, 
 
     "location": "1700 MADISON AV", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Madison Park", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "CENTRAL", 
 
     "crimetime": "1929" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.53242, 39.33067] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2013-01-31T00:00:00.000", 
 
     "post": "441", 
 
     "location_1_address": null, 
 
     "location": "5900 RADECKE AV", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Cedonia", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "NORTHEASTERN", 
 
     "crimetime": "2136" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.67429, 39.311] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2016-02-22T00:00:00.000", 
 
     "post": "812", 
 
     "location_1_address": null, 
 
     "location": "3400 CLIFTON AV", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Mount Holly", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "SOUTHWESTERN", 
 
     "crimetime": "1305" 
 
    } 
 
    }, { 
 
    "type": "Feature", 
 
    "geometry": { 
 
     "type": "Point", 
 
     "coordinates": [-76.66198, 39.34353] 
 
    }, 
 
    "properties": { 
 
     "crimedate": "2011-04-26T00:00:00.000", 
 
     "post": "532", 
 
     "location_1_address": null, 
 
     "location": "4500 LANIER AV", 
 
     "description": "SHOOTING", 
 
     "neighborhood": "Parklane", 
 
     "total_incidents": "1", 
 
     "location_1_city": null, 
 
     "location_1_state": null, 
 
     "crimecode": "9S", 
 
     "weapon": "FIREARM", 
 
     "location_1_zip": null, 
 
     "district": "NORTHERN", 
 
     "crimetime": "2316" 
 
    } 
 
    }], 
 
    "crs": { 
 
    "type": "name", 
 
    "properties": { 
 
     "name": "urn:ogc:def:crs:OGC:1.3:CRS84" 
 
    } 
 
    } 
 
};
html, 
 
body, 
 
#map { 
 
    height: 100%; 
 
    width: 100%; 
 
    margin: 0px; 
 
    padding: 0px 
 
}
<script src="https://maps.googleapis.com/maps/api/js?libraries=visualization"></script> 
 
<div id="map"></div>

Quelle

2016-04-25 13:12:49 geocodezip

+0

Thanks so much! Ich hätte diesen Fehler nie gefunden. Gibt es eine Möglichkeit, die Heatmap in anklickbare Markierungen hinter einer bestimmten Zoomstufe zu verwandeln? – Taylor

+0

Sicher. Aber das ist eine andere Frage. – geocodezip

+0

Können Sie jetzt den zweiten Teil der Frage beantworten? http://stackoverflow.com/questions/36852063/how-do-you-switch-from-heatmap-to-clickable-markers-with-google-maps-js-api – Taylor

 Verwandte Themen

  • Keine verwandten Themen^_^