Question

如何使用代码在Google Map中加载kml文件？（C＃，javascript，.Net）

Answer 1

我在JavaScript中成功整合了kml文件

在下面的代码中，替换你的kml名称

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title> Google Maps JavaScript API v3 Example: KmlLayer KML Features</title>
<link  href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
    function initialize () {
        var myLatlng = new google.maps.LatLng(40.65, -73.95);
        var myOptions = {
            zoom: 12,
            center: myLatlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };

        var map = new google.maps.Map(
      document.getElementById("map_canvas"),
      myOptions);

        var nyLayer = new google.maps.KmlLayer(
      'https://sites.google.com/site/test/test/test.kml',
      { suppressInfoWindows: true,
          map: map
      });

        google.maps.event.addListener(nyLayer, 'click', function(kmlEvent) {
            var text = kmlEvent.featureData.description;
            showInContentWindow(text);
        });

        function showInContentWindow(text) {
            var sidediv = document.getElementById('content_window');
            sidediv.innerHTML = text;
        }
    }
</script>
</head>

在正文中添加这些行

  <body onload="initialize()">
    <div id="map_canvas" style="width:79%; height:100%; float:left"></div>
    <div id="content_window" style="width:19%; height:100%; float:left"></div>

  </body>
</html>

如何使用代码在Google Maps中加载kml文件？

1 个答案: