gmplot Google Maps html输出未显示标记/热图

时间:2018-04-22 05:57:13

标签: python-3.x pycharm google-maps-markers

我使用Python Interpreter 3.5.4(通过Anaconda 1.5)在Pycharm(2018.1社区)中运行gmplot。

gmplot肯定会创建map.html,而lat / long则列在html中。

然而,它似乎没有在图像上绘制纬度/经度。

我错过了什么?

Python代码:

gmap = gmplot.GoogleMapPlotter(lats[0],longs[0],15) #working
gmap.heatmap(lats, longs) #not working
gmap.draw('map.html')

HTML输出:

    <html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps - pygmaps </title>
<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?libraries=visualization&sensor=true_or_false"></script>
<script type="text/javascript">
    function initialize() {
        var centerlatlng = new google.maps.LatLng(40.218483, 29.042473);
        var myOptions = {
            zoom: 15,
            center: centerlatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

var heatmap_points = [
new google.maps.LatLng(40.218483, 29.042473),
new google.maps.LatLng(40.218500, 29.042485),
###....(for the sake of brevity - removed)....
new google.maps.LatLng(40.220540, 29.043019),
new google.maps.LatLng(40.220569, 29.043032),
new google.maps.LatLng(nan, nan),
];

var pointArray = new google.maps.MVCArray(heatmap_points);
var heatmap;
heatmap = new google.maps.visualization.HeatmapLayer({

data: pointArray
});
heatmap.setMap(map);
heatmap.set('threshold', 10);
heatmap.set('radius', 10);
heatmap.set('opacity', 0.600000);
heatmap.set('dissipating', true);
    }
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
    <div id="map_canvas" style="width: 100%; height: 100%;"></div>
</body>
</html>

通过浏览本地计算机上的HTML文件打开图像:(没有标记!) Map

当我尝试直接从PyCharm打开html文件时,我收到的Javascript错误如下所示: Firefox Javascript console

无论我使用gmplot.scatter还是gmplot.heatmap,都会发生这种情况。 我需要在某处放置API密钥吗? 有什么想法吗?

0 个答案:

没有答案