在google maps v3中正确显示kml?

时间:2012-05-14 08:36:39

标签: javascript html google-maps-api-3

在谷歌地球有一个很好的功能,我可以安装一个kml文件,它以这样的方式加载它,以便我切换不同的图层。在谷歌地图中,​​我正在寻找一种以类似方式显示kml文件的方法。我想要一个侧边栏,我可以选择要显示的图层。我发现了这个:

http://www.dyasdesigns.com/geoxml/

但它看起来只适用于谷歌地图v2。有什么类似的东西适用于v3吗?

我发现了这个QA,但我正在寻找可以用于V3的东西

编辑更多信息: 我的身体:

<body onload='load()' style = "height:100%; margin:0">
<div id="map" style="width: 100%; height: 100%"></div>

 <script type="text/javascript">
//************Function in head***************************************************
        function load() {

        var myOptions = {

        //change this to zoom with markers
          center: new google.maps.LatLng(60, 5),
          zoom: 4,
          mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        map = new google.maps.Map(document.getElementById("map"),myOptions);
        ctaLayer = new google.maps.KmlLayer('http://thoughtfi.com/NPDsFactGlobe.kml');
        ctaLayer.setMap(map);   
       }
    //load();

    var map;
    var ctaLayer;
    var markersArray = [];
    var startformat;
    var endformat;

</script>
</body>

指向该网站的链接(如果我正在处理它,可能会上下。):http://thoughtfi.com/KMLtries.html

谷歌地球的照片。我想要左栏中文件夹的功能:http://thoughtfi.com/desired_look.png

2 个答案:

答案 0 :(得分:1)

答案 1 :(得分:0)

您是否考虑过google.maps.KmlLayer api-doc课程?它提供了一种使用标准库内工具加载,显示和隐藏KML文件的方法。 KML and GeoRSS Layers section of the Developer's Guide中提供了有关使用KmlLayer的入门教程。