Javascript 如何在Google Maps KML文件中用自定义徽标替换白色标记?
我们使用Google JavaScript API通过KML文件显示Google My Maps。 地图上的标记显示的是白色标记,而不是我们在地图上看到的自定义徽标。KML不支持标记的自定义徽标吗Javascript 如何在Google Maps KML文件中用自定义徽标替换白色标记?,javascript,google-maps,kml,mymaps,Javascript,Google Maps,Kml,Mymaps,我们使用Google JavaScript API通过KML文件显示Google My Maps。 地图上的标记显示的是白色标记,而不是我们在地图上看到的自定义徽标。KML不支持标记的自定义徽标吗 html, 身体, #地图画布{ 身高:100%; 宽度:100%; 边际:0px; 填充:0px } var地理编码器; var映射; 函数初始化(){ var map=new google.maps.map( document.getElementById(“地图画布”){ mapTypeId
html,
身体,
#地图画布{
身高:100%;
宽度:100%;
边际:0px;
填充:0px
}
var地理编码器;
var映射;
函数初始化(){
var map=new google.maps.map(
document.getElementById(“地图画布”){
mapTypeId:google.maps.mapTypeId.ROADMAP
});
var layer=new google.maps.kmlayer({
suppressInfoWindows:false,
url:“http://www.linktodata/data.kml",
地图:地图
})
}
google.maps.event.addDomListener(窗口“加载”,初始化);
URL:错误。它需要转到.kml文件中的链接。请提供一个链接。我看不出你的问题:我发现了问题所在。URL正在链接到实际的.kml文件。我认为.kml对自定义图标的支持有限。如果我没有弄错的话,你必须链接到MyMaps链接。KML和KMZ都支持自定义图标,可能是MyMaps的导出不支持(我相信它确实在共享对话框中说明了这一点)
<style type="text/css">
html,
body,
#map_canvas {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?
key=Your_API_kEY" type="text/javascript">
</script>
<script>
var geocoder;
var map;
function initialize() {
var map = new google.maps.Map(
document.getElementById("map_canvas"), {
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var layer = new google.maps.KmlLayer({
suppressInfoWindows: false,
url: "http://www.linktodata/data.kml",
map: map
})
}
google.maps.event.addDomListener(window, "load", initialize);
</script>