在谷歌地图上使用 KML / KMZ

发布于 2024-08-21 21:29:03 字数 1081 浏览 8 评论 0原文

为了进行测试,我将此 html 文件保存到我的服务器上。有没有一种简单的方法可以在此处包含 KML 或 KMZ 文件?

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABCDEFghijetc&sensor=false"
            type="text/javascript"></script>
    <script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(59.082089,5.649456), 18, G_SATELLITE_MAP);
        map.setUIToDefault();
      }
    }

    </script>   </head>   <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 800px; height: 600px"></div>   </body> </html>

To test I saved this html file to my server. Is there a simple way to include a KML or KMZ file here?

<!DOCTYPE html "-//W3C//DTD XHTML 1.0 Strict//EN"    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&v=2&key=ABCDEFghijetc&sensor=false"
            type="text/javascript"></script>
    <script type="text/javascript">

    function initialize() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(59.082089,5.649456), 18, G_SATELLITE_MAP);
        map.setUIToDefault();
      }
    }

    </script>   </head>   <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 800px; height: 600px"></div>   </body> </html>

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

不打扰别人 2024-08-28 21:29:03

尝试将以下 JavaScript 添加到您的 init 函数中:

var kml = new GGeoXml("http://yoururl.com/yourfile.kml");
map.addOverlay(kml)

请注意,KML 必须是可公开访问的 URL,并且有大约 10MB 的限制:

https://developers.google.com/kml/documentation/mapsSupport

Try adding the following JavaScript to your init function:

var kml = new GGeoXml("http://yoururl.com/yourfile.kml");
map.addOverlay(kml)

Note the KML must be a publically accessible URL, and there is a ~10MB limit:

https://developers.google.com/kml/documentation/mapsSupport

挽袖吟 2024-08-28 21:29:03

您必须将 KML 线串 转换为 < a href="http://code.google.com/apis/maps/documentation/overlays.html#Drawing_Polylines" rel="nofollow noreferrer">Gmap Polyline 这将涉及一些手动数据操作,或 XML 解析器。

您还可以尝试这个在线转换工具

You'll have to covert a KML linestring to a Gmap Polyline which will involve a little bit of manual data manipulation, or an XML parser.

You could also try this on-line conversion tool.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文