Google 地图 Api 缩放后反转 KML 图层
Google Maps Api inverts KML Layer after Zoom
我在使用 Google 地图 API 和 KML 文件时遇到了一个奇怪的问题。
当我用 KML 初始化地图时,一切都很顺利。
现在我的问题是:放大地图(缩放级别 10)后,KML 层反转。
示例如下:
var settings,map,marker,infowindow,consultant_fname,consultant_lname,consultant_zip,consultant_city,mapOptions;
var markers = [];
$(document).ready(function(){
mapOptions = {
zoom: 8,
center: new google.maps.LatLng(47.643186, 13.760376),
scrollwheel: false,
mapTypeControl: false,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL,
position: google.maps.ControlPosition.RIGHT_TOP
},
scaleControl: true,
streetViewControl: false,
panControl:true,
panControlOptions : {
position: google.maps.ControlPosition.RIGHT_TOP
},
};
map = new google.maps.Map(document.getElementById('gmap'),mapOptions);
var ctaLayer = new google.maps.KmlLayer('https://www.creditnet.at/austria_3.kml',{
preserveViewport: true,
suppressInfoWindows: true,
map: map,
});
ctaLayer.setMap(map);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<div id="gmap" style="width:700px;height:700px;"></div>
希望有人能帮助我。
问候 M.
似乎是 KML 渲染器中的错误。
作为解决方法,您可以使用第三方 KML 解析器(如 geoxml3 or geoxml-v3),geoxml3 似乎没有该工件:
Example using geoxml3 (and a slightly modified KML to cover the whole world)
请注意,对于复杂的 KML,基于分块的 KmlLayer 呈现会更高效,您可能 运行 遇到第 3 方解析器的性能问题。
我在使用 Google 地图 API 和 KML 文件时遇到了一个奇怪的问题。
当我用 KML 初始化地图时,一切都很顺利。 现在我的问题是:放大地图(缩放级别 10)后,KML 层反转。
示例如下:
var settings,map,marker,infowindow,consultant_fname,consultant_lname,consultant_zip,consultant_city,mapOptions;
var markers = [];
$(document).ready(function(){
mapOptions = {
zoom: 8,
center: new google.maps.LatLng(47.643186, 13.760376),
scrollwheel: false,
mapTypeControl: false,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL,
position: google.maps.ControlPosition.RIGHT_TOP
},
scaleControl: true,
streetViewControl: false,
panControl:true,
panControlOptions : {
position: google.maps.ControlPosition.RIGHT_TOP
},
};
map = new google.maps.Map(document.getElementById('gmap'),mapOptions);
var ctaLayer = new google.maps.KmlLayer('https://www.creditnet.at/austria_3.kml',{
preserveViewport: true,
suppressInfoWindows: true,
map: map,
});
ctaLayer.setMap(map);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
<div id="gmap" style="width:700px;height:700px;"></div>
希望有人能帮助我。
问候 M.
似乎是 KML 渲染器中的错误。
作为解决方法,您可以使用第三方 KML 解析器(如 geoxml3 or geoxml-v3),geoxml3 似乎没有该工件:
Example using geoxml3 (and a slightly modified KML to cover the whole world)
请注意,对于复杂的 KML,基于分块的 KmlLayer 呈现会更高效,您可能 运行 遇到第 3 方解析器的性能问题。