<%@ 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>
效果如下: