2

我有一个问题，我无法在 Google Maps API 上从 FEMA ( https://hazards.fema.gov/femaportal/kmz/FEMA_NFHL_v3.1.kmz ) 加载 KMZ 文件。当我运行 JavaScript 时，地图是空白的。没有错误。但是，我可以加载其他不是来自 FEMA 的 kmz。

<html>
<head>
    <script src="https://maps.googleapis.com/maps/api/js?key={YOUR API KEY}">
    </script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
    <script type="text/javascript" src="https://cdn.rawgit.com/geocodezip/geoxml3/master/kmz/ZipFile.complete.js">
    </script>
    <script type="text/javascript" src="https://cdn.rawgit.com/geocodezip/geoxml3/master/kmz/geoxml3.js">
    </script>
    <script type="text/javascript" src="https://cdn.rawgit.com/geocodezip/geoxml3/master/ProjectedOverlay.js">
    </script>

    <script>

        function initialize() {

            var options = {
                center: new google.maps.LatLng(-34.397, 150.644),
                mapTypeId: google.maps.MapTypeId.ROADMAP
            };

            var map = new google.maps.Map(document.getElementById("canvas"), options);
            var parser = new geoXML3.parser({ map: map, processStyles: true });

            //Download kmz from FEMA https://hazards.fema.gov/femaportal/kmz/FEMA_NFHL_v3.1.kmz and put in same folder as this html file
            parser.parse("FEMA_NFHL_v3.1.kmz");
        }

        $(document).ready(initialize);

    </script>
</head>
<body>
    <div id="canvas" style="width:1000px; height:500px"></div>
</body>
</html>

4

0 回答 0