效果如下:<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="GMap.aspx.cs" Inherits="Bms.Web.GoogleMap.GMap" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head runat="server"> <title></title> <script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script> <script type ="text/javascript"> var map; function InitializeMap() { //var latlng = new google.maps.LatLng(-34.397, 150.644); var latlng = new google.maps.LatLng(22.84, 108.33); var myOptions = { zoom: 9, center: latlng, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map"), myOptions); var marker = new google.maps.Marker ( { position: new google.maps.LatLng(22.84, 108.33), map: map, title: '南宁市'//这是鼠标悬停内容 } ); var infowindow = new google.maps.InfoWindow({ content: '南宁市'//这是现实具体内容 }); google.maps.event.addListener(marker, 'click', function() { // Calling the open method of the infoWindow infowindow.open(map, marker); }); getBoundary(); } function getBoundary() { var bdary = new BMap.Boundary(); bdary.get('南宁市', function(rs) { points = rs; var rslength = rs.boundaries.length; var top = 0; var bottom = 0; var left = 0; var right = 0; for (i = 0; i < rslength; i++) { var triangleCoords = []; var temp = rs.boundaries[i]; var latLngs = temp.split(";"); for (j = 1; j < latLngs.length - 1; j++) { var postion = latLngs[j].indexOf(","); var lat = parseFloat(latLngs[j].substr(0, postion)); var lng = parseFloat(latLngs[j].substr(postion + 1)); triangleCoords.push(new google.maps.LatLng(lng, lat)); if (j == 1 && top == 0 && bottom == 0 && left == 0 && right == 0) { top = lng; bottom = lng; left = lat; right = lat; } else { if (lng > top) { top = lng; } if (lng < bottom) { bottom = lng; } if (lat > right) { right = lat; } if (lat < left) { left = lat; } } } bermudaTriangle = new google.maps.Polygon({ paths: triangleCoords, strokeColor: "#FF0000", strokeOpacity: 0.8, strokeWeight: 2, fillColor: "#FF0000", fillOpacity: 0.35 }); bermudaTriangle.setMap(map); } map.setCenter(new google.maps.LatLng(bottom + ((top - bottom) / 2), left + ((right - left) / 2))); map.setZoom(9); }); } window.onload = InitializeMap; </script> </head> <body background= "../Include/Image/d_tu.gif"> <form id="form1" runat="server"> <div id ="map" style="width: 100%; position: absolute; height: 100%"> </div> </form> </body> </html>
这里要感谢以下网址的文章: