遵循官方指南:
https://developers.google.com/maps/documentation/javascript/examples/layer-kml
我做了同样的事情。我在我的网站上记录了特定的kml文件,并创建了一个具有完全html + javascript代码的页面(复制粘贴,没有错误)。 kml文件的路径也是正确的。
当然,我插入了谷歌获得的正确的API KEY。
运行页面时,地图会以正确的起始位置和正确的缩放显示,但我看不到任何路径。
怎么可能?
我只有一个提示:在Netbeans中,我在var map上收到了这个警告:
全球变量" google"没有宣布。
我无法弄清楚。
感谢您的帮助!
编辑:这是我的javascript问题(它只是从该网站复制粘贴):
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 11,
center: {lat: 41.876, lng: -87.624}
});
var ctaLayer = new google.maps.KmlLayer({
url: 'MYURL/cta.kml',
map: map
});
}
' MYURL'是文件的URL,这是正确的(已经过测试)。 cta.kml文件是来自该网站的文件,保存并上传到我的文件中。完整的文件URL正常工作,文件本身在我的FTP上有属性644(公开可用)。
答案 0 :(得分:0)
您是否添加了此代码以包含Google的库?
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap" async defer></script>
尝试在浏览器devtools中检查此库文件的网络状态。