C# 如何使用代码在谷歌地图中加载kml文件？_C#_Javascript_Google Maps_Kml

C# 如何使用代码在谷歌地图中加载kml文件？

c# javascript google-maps

C# 如何使用代码在谷歌地图中加载kml文件？,c#,javascript,google-maps,kml,C#,Javascript,Google Maps,Kml,如何使用代码在GoogleMap中加载kml文件？（C#，javascript.Net）我成功地将kml文件集成到javascript中在下面的代码中替换您的kml名称 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona

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

（C#，javascript.Net）

我成功地将kml文件集成到javascript中

在下面的代码中替换您的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>


Google Maps JavaScript API v3示例：Kmlayer KML功能
函数初始化（）{
var mylatng=newgoogle.maps.LatLng（40.65，-73.95）；
变量myOptions={
缩放：12，
中心：myLatlng，
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(
document.getElementById（“地图画布”），
肌肽）；
var nyLayer=new google.maps.KmlLayer(
'https://sites.google.com/site/test/test/test.kml',
{suppressInfoWindows:true，
地图：地图
});
google.maps.event.addListener（nyLayer，'click'，函数（kmlEvent）{
var text=kmlEvent.featureData.description；
showInContentWindow（文本）；
});
函数showInContentWindow（文本）{
var sidediv=document.getElementById（'content_window'）；
sidediv.innerHTML=文本；
}
}

在正文中添加这些行

  <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>