谷歌地图api不加载FEMA kmz

时间:2018-03-28 18:42:11

标签: javascript geoxml3

我遇到一个问题,我无法在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>
&#13;
&#13;
&#13;

0 个答案:

没有答案