<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google 地图 JavaScript API 示例</title>
<script src="http://maps.google.com/maps/api/js?sensor=false" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var geocoder;
var map;
//默认中心区域
var longitude = "113.73742774201196";
var latitude = "23.018045568719305";
function load() {
geocoder = new google.maps.Geocoder();
//默认为东莞市地王商务中心
var latlng = new google.maps.LatLng(latitude, longitude);
var myOptions = {
zoom: 16,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP,
disableDoubleClickZoom: true
}
map = new google.maps.Map(document.getElementById("map"), myOptions);
map.setCenter(latlng);
var contentString = "<div><h1>我是好h1</h1><h2>我是h2</h2></div>";
var image = 'http://192.168.1.5:7001/HouseCommunity/sys_pics/icons/area_icon.gif';
//新增一个点
addOnePointIntoMap(contentString, latlng, true, image)
latlng = new google.maps.LatLng(23.02045302146077, 113.74433040618896);
contentString = "<div><h1>h1</h1><h2>h2</h2></div>";
//新增一个点
addOnePointIntoMap(contentString, latlng, false, "")
}
//增加一个点进地图
function addOnePointIntoMap(contentString, latlng, isOpen, imageIcon) {
//新增一个点
if(imageIcon == "") {
imageIcon = null;
}
var marker = new google.maps.Marker({
map: map,
position: latlng,
icon: imageIcon
});
var infowindow = new google.maps.InfoWindow({
content: contentString
});
google.maps.event.addListener(marker, 'click', function() {
infowindow.open(map,marker);
});
//是否默认打开提示框
if(isOpen) infowindow.open(map,marker);
//end新增一个点
}
//]]>
</script>
</head>
<body onload="load()">
<div id="map" style="width: 800px; height: 600px"></div>
</body>
</html>
