Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/google-maps/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Google Maps KML文件中用自定义徽标替换白色标记?_Javascript_Google Maps_Kml_Mymaps - Fatal编程技术网

Javascript 如何在Google 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

我们使用Google JavaScript API通过KML文件显示Google My Maps。 地图上的标记显示的是白色标记,而不是我们在地图上看到的自定义徽标。KML不支持标记的自定义徽标吗


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>