Google maps 谷歌地图自定义标记旋转
GoogleMapsAPI有一个显示自定义标记符号的示例(在澳大利亚以黄色开头)。在那颗星星上,可点击的区域比星星本身要大得多。如果我添加一个“形状”对象,其坐标与标记的起始位置相同,则可单击区域将变成星形。以下链接显示: 所以到目前为止一切都还好。现在,如果我尝试旋转可点击的标记,它们会变形,我无法理解是什么错了。 在JSFIDLE中取消对行“rotation:10”的设置可以显示这种行为 谁能告诉我如何旋转标记,使可点击区域保持与标记相同的形状,并跟随标记的旋转Google maps 谷歌地图自定义标记旋转,google-maps,google-maps-api-3,Google Maps,Google Maps Api 3,GoogleMapsAPI有一个显示自定义标记符号的示例(在澳大利亚以黄色开头)。在那颗星星上,可点击的区域比星星本身要大得多。如果我添加一个“形状”对象,其坐标与标记的起始位置相同,则可单击区域将变成星形。以下链接显示: 所以到目前为止一切都还好。现在,如果我尝试旋转可点击的标记,它们会变形,我无法理解是什么错了。 在JSFIDLE中取消对行“rotation:10”的设置可以显示这种行为 谁能告诉我如何旋转标记,使可点击区域保持与标记相同的形状,并跟随标记的旋转 谢谢与我的问题无关。我可以
谢谢与我的问题无关。我可以旋转标记我在问题中描述的问题是可点击区域没有与标记一起旋转。不幸的是,我仍然没有找到任何解决方案,这与我的问题无关。我可以旋转标记我在问题中描述的问题是可点击区域没有与标记一起旋转。不幸的是,仍然没有找到任何解决办法
`var markerShapeExact = {
coord:[125,5,155,90,245,90,175,145,200,230,125,180,50,230,75,145,5,90,95,90],
type: 'poly'
};
var goldStar = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: 'yellow',
fillOpacity: 0.8,
scale: 1,
strokeColor: 'gold',
strokeWeight: 14
//,rotation: 10
};
var marker = new google.maps.Marker({
position: map.getCenter(),
icon: goldStar,
shape: markerShapeExact,
map: map
});
google.maps.event.addListener(marker, 'click', function() {
alert('hello maps');
});`