我的KML文件不適用於Javascript代碼

Question

當我嘗試添加從Google地圖導出的文件“ myFile.kml”時，它不會顯示我的地圖的任何路徑，而來自Google的示例“ http://googlemaps.github.io/js-v2- samples / ggeoxml / cta.kml是否工作正常？ 我在這里想念什么的任何想法。

這是我的HTML代碼：

<!DOCTYPE html>
<html lang="en" >
<head>
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        html, body {
            height: 100%;
            margin: 0;
            padding: 0;
        }
        #map {
            height:100%
        }
    </style>
</head>
<body >


    <div id="map"></div>

<script src="https://maps.googleapis.com/maps/api/js?signed_in=true&callback=initMap"></script>
<script src="script.js"></script>
</body>
</html>

和我的JS代碼：

    var map;
    function initMap() {
        map = new google.maps.Map(document.getElementById('map'), {
            center: {lat: 42.658324, lng: 21.163883},
            zoom: 10
        });
        var ctaLayer = new google.maps.KmlLayer({
            url: 'myFile.kml',
            map: map
        });

}

Answer 1

看來您正在嘗試從本地主機或本地文件系統加載KML文件。

如果是這樣，基本上您有兩個選擇：

將KML文件放在Google服務器可以訪問的公共服務器上，因為KML的解析和渲染是由Google服務器完成的
利用geoxml3庫，該庫允許您加載KML文件並解析托管在localhost上的文件（請參見以下示例）

例

該示例演示了如何使用geoxml3庫從本地加載和解析KML文件：

var map;
function initMap() {
    map = new google.maps.Map(document.getElementById('map'), {
        center: { lat: 41.876, lng: -87.624 },
        zoom: 10
    });


    var myParser = new geoXML3.parser({ map: map });
    myParser.parse('cta.kml');
}

在HTML文件中，添加對geoxml3庫的引用，例如：

<script type="text/javascript" src="http://geoxml3.googlecode.com/svn/branches/polys/geoxml3.js"></script>

柱塞

我的KML文件不適用於Javascript代碼

問題描述

1 個解決方案

解決方案1
0 已采納 2015-09-02 08:47:41

我的KML文件不適用於Javascript代碼

問題描述

1 個解決方案

解決方案1 0 已采納 2015-09-02 08:47:41

解決方案1
0 已采納 2015-09-02 08:47:41