简体   繁体   English

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

[英]How to load kml file in Google Maps using code?

How to load kml file in Google Map using code? 如何使用代码在Google Map中加载kml文件? (C#, javascript, .Net) (C#,javascript,.Net)

I successfully integrated kml files in JavaScript 我已成功将KML文件集成到JavaScript中

In code below replace your kml name 在下面的代码中替换您的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>

In body add these lines 在体内添加这些行

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

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM