Kmz文件适用于Google Map Javascript

时间:2017-08-23 12:55:40

标签: google-maps kmz

我想将 KMZ文件从我的本地驱动器上传到谷歌地图,直到现在我还没有找到任何方法将本地 KMZ文件上传到谷歌地图, 该方法对于公开托管的KMZ文件有效,如何从本地路径/源

上载文件

app.js

  <html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>KML Click Capture Sample</title>
    <style>
        html, body {
            height: 370px;
            padding: 0;
            margin: 0;
        }
        #map {
            height: 360px;
            width: 300px;
            overflow: hidden;
            float: left;
            border: thin solid #333;
        }
        #capture {
            height: 360px;
            width: 480px;
            overflow: hidden;
            float: left;
            background-color: #ECECFB;
            border: thin solid #333;
            border-left: none;
        }
    </style>
</head>
<body>
<div id="map"></div>
<div id="capture"></div>
<script>
    var map;
     var src = 'C:/Users/Administrator/Desktop/assets/mdata.kmz';

    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            center: new google.maps.LatLng(-19.257753, 146.823688),
            zoom: 2,
            mapTypeId: 'terrain'
        });

        var kmlLayer = new google.maps.KmlLayer(src, {
            suppressInfoWindows: true,
            preserveViewport: false,
            map: map
        });
        kmlLayer.addListener('click', function(event) {
            var content = event.featureData.infoWindowHtml;
            var testimonial = document.getElementById('capture');
            testimonial.innerHTML = content;
        });
    }
</script>
<script async defer
        src="https://maps.googleapis.com/maps/api/js?key="21312312312312313123..."&callback=initMap">
</script>
</body>
</html>

0 个答案:

没有答案