谷歌地图自定义标记旋转

时间:2016-07-18 10:14:51

标签: google-maps google-maps-api-3

google maps custom marker symbol example

google maps api有一个显示自定义标记符号的示例(澳大利亚黄色开始)。在那个星形可点击区域比星星本身大得多。如果我添加一个“形状”对象,其坐标与标记的开头相同,则可点击区域变为星形。以下链接显示:

jsfiddle with star shaped clickable area

`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');
 });`

所以到目前为止一切都还好。现在,如果我尝试旋转标记可点击是变形的,我无法理解什么是错的。 在那个jsfiddle中解开“,旋转:10”这一行可以显示这种行为。

有人能告诉我如何旋转标记,以便可点击区域与标记保持相同的形状并跟随标记的旋转吗?

感谢

0 个答案:

没有答案