Javascript 如何将本地geojson文件导入google地图(热图)
我需要画一个热图,但是我的geojson文件的路径不好。我已经读到有必要使用HTML5 FileReader API,或者需要将其托管在与我的网页相同的位置(这不是用于生产的网页),但不确定它是否有效。有什么最简单的方法可以做到这一点吗 下面是我尝试过的代码示例:Javascript 如何将本地geojson文件导入google地图(热图),javascript,google-maps-api-3,heatmap,Javascript,Google Maps Api 3,Heatmap,我需要画一个热图,但是我的geojson文件的路径不好。我已经读到有必要使用HTML5 FileReader API,或者需要将其托管在与我的网页相同的位置(这不是用于生产的网页),但不确定它是否有效。有什么最简单的方法可以做到这一点吗 下面是我尝试过的代码示例: <!DOCTYPE html> <html> <head> <style> #map { height: 100%; }
<!DOCTYPE html>
<html>
<head>
<style>
#map {
height: 100%;
}
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map;
function initMap() {
map = new google.maps.Map(document.getElementById('map'), {
zoom: 2,
center: {lat: -33.865427, lng: 151.196123},
mapTypeId: 'terrain'
});
var script = document.createElement('script');
script.src = 'convertedcsv.js';
document.getElementsByTagName('head')[0].appendChild(script);
}
function eqfeed_callback(results) {
var heatmapData = [];
for (var i = 0; i < results.features.length; i++) {
var coords = results.features[i].geometry.coordinates;
var latLng = new google.maps.LatLng(coords[1], coords[0]);
heatmapData.push(latLng);
}
var heatmap = new google.maps.visualization.HeatmapLayer({
data: heatmapData,
dissipating: false,
map: map
});
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=AIzaSyAfsaj0H_TZQKAYBz9htrd9s9SaX2DMEbU&libraries=visualization&callback=initMap">
</script>
</body>
</html>
#地图{
身高:100%;
}
html,正文{
身高:100%;
保证金:0;
填充:0;
}
var映射;
函数initMap(){
map=new google.maps.map(document.getElementById('map'){
缩放:2,
中心:{lat:-33.865427,lng:151.196123},
mapTypeId:'地形'
});
var script=document.createElement('script');
script.src='convertedcsv.js';
document.getElementsByTagName('head')[0].appendChild(脚本);
}
函数eqfeed_回调(结果){
var heatmapData=[];
对于(var i=0;i