【发布时间】:2016-08-14 07:26:24
【问题描述】:
我们有这张地图: https://www.google.com/maps/d/viewer?mid=z3MgxTVp8WWA.kbMeY2NPElcE
但是当我尝试将此地图嵌入到我自己的 Google 地图中,甚至在 Google 地球中打开时,一些地标没有显示:
有什么办法可以解决这个问题吗?
【问题讨论】:
标签: google-maps kml google-earth kmz
我们有这张地图: https://www.google.com/maps/d/viewer?mid=z3MgxTVp8WWA.kbMeY2NPElcE
但是当我尝试将此地图嵌入到我自己的 Google 地图中,甚至在 Google 地球中打开时,一些地标没有显示:
有什么办法可以解决这个问题吗?
【问题讨论】:
标签: google-maps kml google-earth kmz
我发现 Google Maps Javascript API v3 的 KmlLayer 渲染器存在这个问题:
代码 sn-p:
var geocoder;
var map;
function initialize() {
var map = new google.maps.Map(
document.getElementById("map_canvas"), {
center: new google.maps.LatLng(37.4419, -122.1419),
zoom: 13,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var kmlLayer = new google.maps.KmlLayer({
url: "http://www.google.com/maps/d/kml?&mid=1JwCy1i6rn9ailO2MPxPj-XxX0EY&lid=z3MgxTVp8WWA.kUnMLigc_WOw",
map: map
});
google.maps.event.addListener(kmlLayer, 'status_changed', function() {
document.getElementById('status').innerHTML = kmlLayer.getStatus();
})
}
google.maps.event.addDomListener(window, "load", initialize);
html,
body,
#map_canvas {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<div id="status"></div>
<div id="map_canvas"></div>
似乎是 Google 的 KML 渲染器中的一个问题。如果我下载您的 KML 并使用第三方库 geoxml3 渲染它(免责声明,我目前维护该库),它会显示 OK。
redered with geoxml3(但由于本机渲染/缺少基于图块的渲染,性能会受到影响)。
请注意,我不能直接使用 KMZ 文件,当由 geoxml3 呈现时,压缩的 KML 似乎存在字符编码问题。
【讨论】: