关于谷歌地图信息窗口与标注位置不一置的问题

0 0

关于谷歌地图信息窗口与标注位置不一置的问题5


 var myOptions = {
		zoom : 14,
		center : new google.maps.LatLng(22.540642587626195, 114.11816596984863),
		mapTypeId : google.maps.MapTypeId.ROADMAP
	}
	var map = new google.maps.Map(document.getElementById("map_canvas"),
			myOptions);
	setMarkers(map, beaches);
}

var beaches = [ [ '深圳', 22.5416425876, 114.1191659698 ],
		[ '深圳', 22.5412376, 114.11567689698 ],
		[ '深圳', 22.55064255, 115.138165964863 ],
		[ '深圳', 22.546646341, 114.718596984863 ],
		[ '深圳', 22.549064258195, 114.11816594863 ],
		[ '深圳', 22.54906, 114.11816, 2 ],
		[ '深圳', 22.541693, 114.080229 ],
		[ '深圳', 22.541693, 114.080229 ],
		[ '深圳', 22.546529, 114.041519 ],
		[ '深圳', 22.542327, 114.106278 ],
		[ '深圳', 22.54312, 114.10924 ],
		[ '深圳', 22.541257, 114.098253 ],
		[ '深圳', 22.537293, 114.106321 ],
		[ '深圳', 22.548312, 114.122972 ],
		[ '深圳', 22.546647, 114.10954 ],
		[ '深圳', 22.544111, 114.132886 ],
		[ '深圳', 22.531921, 114.120696 ],
		[ '深圳', 22.520108, 114.054606 ],
		[ '深圳', 22.547062, 114.095977 ],
		[ '深圳', 22.540166, 114.088852 ],
		[ '深圳', 22.535171, 114.074776 ],
		[ '深圳', 22.546428, 114.085076 ],
		[ '深圳', 22.53876, 114.119754 ] ];

function setMarkers(map, locations) {
	
	var image;
	var marker;
	var message;
	for (var i = 0; i < locations.length; i++) {
		var beach = locations[i];
		var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
		if (i % 2 == 0) {
			image = new google.maps.MarkerImage('man.gif');
		} else {
			image = new google.maps.MarkerImage('girl.gif');
		}
		marker = new google.maps.Marker( {
			position : myLatLng,
			map : map,
			icon : image,
			title : beach[0]
		});
			//创建一个信息窗口
			message = new google.maps.InfoWindow(
			{
				content : "我叫卢水发，我在这里呢，<a href='http://www.flyever.com.cn/login.jsp'>进入万年康健康管理平台！</a>",
				size : new google.maps.Size(100, 100),
			});

		google.maps.event.addListener(marker,'click',function(){
			message.open(map, marker);
		});
	}
}