在其他网站上使用时,KMZ图层无法显示

时间:2016-05-02 05:37:20

标签: javascript google-maps-api-3 google-maps-api-2 geoxml3

所以我的网站上有一个KMZ图层,但不会显示在其他地方。 这是我的Javascript:

function getBaseUrl() {
    var e = RegExp(/^.*\//);
    return e.exec(window.location.href);
}

function initialize() {
    function e() {
        navigator.geolocation.getCurrentPosition(function(e) {
            var o = new google.maps.LatLng(e.coords.latitude, e.coords.longitude);
            p ? p.setPosition(o) : p = new google.maps.Marker({
                position: o,
                icon: "http://i.imgur.com/1VTzeOS.png",
                map: map
            }), map.setCenter(t);
        }), setTimeout(e, 3e5);
    }
    var o = new google.maps.LatLng(42.449686, -71.230919), t = o, a = {
        zoom: 12,
        center: o,
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    map = new google.maps.Map(document.getElementById("map_canvas"), a), geoXml = new geoXML3.parser({
        map: map,
        singleInfoWindow: !0,
        zoom: !1
    }), geoXml.parseKmlString(kmlData);
    for (var n = {
        path: "M 0,-1 0,1",
        strokeOpacity: 1,
        scale: 2.5,
        preserveViewport: !0
    }, i = 0; i < geoXml.docs[0].gpolylines.length; i++) geoXml.docs[0].gpolylines[i].setOptions({
        strokeOpacity: 1,
        strokeWeight: 1,
        zoom: !1,
        icons: [ {
            icon: n,
            offset: "0",
            repeat: "1px"
        } ]
    });
    var r = new google.maps.KmlLayer({
        url: parent + "parking2.kmz",
        strokeWeight: 20,
        strokeOpacity: 0,
        preserveViewport: !0
    });
    r.setMap(map);
    var p = (new google.maps.InfoWindow({
        content: "You are here!"
    }), null);
    e();
}

var parent = getBaseUrl();

google.maps.event.addDomListener(window, "load", initialize);

parking2.kmz图层不会显示在例如带有xampp的127.0.0.1/localhost或http://example.com/test/map.html上。然而,它会显示在http://example.com/map.html上。有什么想法吗?

1 个答案:

答案 0 :(得分:0)

Geoxml3使用xmlHttpRequest对象来检索KML / KMZ。这取决于同源政策。您只能从完全相同的域访问KML / KMZ。相对URL应该可以使用,或者您可以使用代理来访问其他域上的数据。

google.maps.KmlLayer只能显示公开 KML / KMZ(Google服务器可以访问的KML / KMZ),因此无法使用localhost(127.0。 0.1 /本地主机)。

来自the documentation

  

KML和GeoRSS图层   :概述

     

Google Maps JavaScript API支持用于显示地理信息的KML和GeoRSS数据格式。这些数据格式使用KmlLayer对象显示在地图上,其构造函数采用可公开访问的 KML或GeoRSS文件的URL。

相关: - Is XML subject to the Same Domain Policy in JavaScript when using XMLHttpRequest