使用jQuery / Javascript / GM在圆的边缘创建一个标记

我有一个叫做“影响”的圆圈,我想在圆圈的边缘创建一个标记。 我想不出有任何办法。

我的圈子设置如下 –

var influenceOptions = { strokeColor: "#00CC00", strokeOpacity: 0.7, strokeWeight: 0.5, fillColor: "#00CC00", fillOpacity: 0.35, map: map, center: latlng, radius: 30 }; influence = new google.maps.Circle(influenceOptions); 

如何在该圆的边缘创建标记?

更新: http : //jsfiddle.net/jArU2/4/

如何在此圆圈的边缘添加新标记?

使用

  1. Math.random()* 360得到随机标题
  2. 使用google.maps.Circle.getRadius获取圆的半径
  3. 使用google.maps.geometry.spherical.computeOffset计算圆上随机标题处的点。 注意:这需要包含几何库
  4. 使您的地图变量全局,以便一切正常

更新小提琴

 function addInfluence(latlng){ you = new google.maps.Marker({ map: map, position: latlng, }); var influenceOptions = { strokeColor: "#00CC00", strokeOpacity: 0.7, strokeWeight: 0.5, fillColor: "#00CC00", fillOpacity: 0.35, map: map, center: latlng, radius: 3000 }; influence = new google.maps.Circle(influenceOptions); var bearing = Math.random()*360; var newPoint = google.maps.geometry.spherical.computeOffset(latlng,influence.getRadius(), bearing); var marker2 = new google.maps.Marker({map:map, position:newPoint}); map.fitBounds(influence.getBounds()); }