google map api 与jquery结合使用(2) －－标注,浮窗

核心提示： 此时可以在地图中看到10个标注和一条折线，由于是随机生成的，google map api 与jquery结合使用(2) －－标注,浮窗(2)，所以位置不是固定，随机的地图标注和折线效果图在标记上显示信息浮窗map.js$(document).ready(function(){ if (GB

此时可以在地图中看到10个标注和一条折线，由于是随机生成的，所以位置不是固定。

随机的地图标注和折线效果图

在标记上显示信息浮窗

map.js

$(document).ready(function()
{
　　 if (GBrowserIsCompatible()) {
　　　　 var map = new GMap2(document.getElementById("map"));
　　　　map.addControl(new GSmallMapControl());
　　　　map.addControl(new GMapTypeControl());
　　　　//开启滚轮伸缩效果－－鼠标滚轮向前滚放大地图，反之缩小
　　　　map.enableScrollWheelZoom();
　　　　map.setCenter(new GLatLng(36.94,106.08),4);
　　　　//在指定点以指定标签创建标记
　　　　function createMarker(point, number) {
　　　　　　var marker = new GMarker(point);
　　　　　　GEvent.addListener(marker, "click", function() {
　　　　marker.openInfoWindowHtml("Marker #<b>" + number + "</b>");
　　　　});
　　　　return marker;
　　　　}
　　　　
　　　　//添加10个位置随机的标记
　　　　var bounds = map.getBounds();
　　　　var southWest = bounds.getSouthWest();
　　　　var northEast = bounds.getNorthEast();
　　　　var lngSpan = northEast.lng() - southWest.lng();
　　　　var latSpan = northEast.lat() - southWest.lat();
　　　　for (var i = 0; i < 10; i++) {
　　　　var point = new GLatLng(southWest.lat() + latSpan * Math.random(),
　　　　southWest.lng() + lngSpan * Math.random());
　　　　map.addOverlay(createMarker(point, i + 1));
　　　　}
　　　　$(window).unload(function (){
　　　　　　　 $('.').unbind();
　　　　　　　 GUnload();
　　　　　 });
　　 }else
　　 {
　　　　 alert('你使用的浏览器不支持 Google Map!');　　
　　 }
});