在javascript中 定义操作新增或更新标记的方法
var map, markers, poly, latLngs;
// 新增或者修改 marker
function updateMarker(index, lat, lng, icon, title, isLocation)
{
var ret;
var newPos = new google.maps.LatLng(lat, lng);
// 如果是第一次创建则新增 marker 对象, 否则修改
if (markers[index] == null)
{
var image = new google.maps.MarkerImage(icon,
new google.maps.Size(32, 32),
new google.maps.Point(0,0),
new google.maps.Point(16, 16)); // anchor 锚定点(图标的中心点)
var marker = new google.maps.Marker(
{
position: newPos,
map: map,
icon: image,
title: title
});
markers[index]= marker;
ret = "新增: " + index;
}
else
{
markers[index].setPosition(newPos);
markers[index].setIcon(icon);
markers[index].setTitle(title);
ret = "更新: " + index;
}
// 是否定位跟踪
if (isLocation == 1)
map.setCenter(newPos);
return ret;
}
下面的2个问题一直得不到解决:
1. Marker 的 title 怎样让它一直显示, 而不是当鼠标移到上面才显示呢?
2. Marker 显示的图标是大小 32x32 的png格式文件, 设置的锚定点无效, 总是显示为默认的底部中间位置, 即 (16, 32) 处. 但按照 Google 地图官方示例:polyline-complex.html, 修改采用本地icon时, 当在 地图上点击时画出的 marker 可以按照设置将icon 中心点放在标记点上. 可上面的 image 和 marker定义与示例中的是一样的呀.
