[問題] 怎麼在google map API v3上畫出扇形

作者: jimmy60204 (PH9.0)   2016-11-21 20:56:29
以下為js檔的內容
google.maps.Sector = function(point, radius, sDegree, eDegree, strokeColor, strokeWeight,Strokepacity, fillColor, fillOpacity, opts) {
var points = [];
var step = ((eDegree - sDegree) / 10) || 10;
points.push(point);
for(var i=sDegree;i<eDegree + 0.001;i+=step){
points.push(EOffsetBearing(point,radius,i));
}
points.push(point);
return new google.maps.Polygon(points, strokeColor, strokeWeight,Strokepacity, fillColor, fillOpacity, opts);
}
function EOffsetBearing(point,dist,bearing) {
var latConv = point.distanceFrom(new google.maps.LatLng(point.lat()+0.1,point.lng()))*10;
var lngConv = point.distanceFrom(new google.maps.LatLng(point.lat(),point.lng()+0.1))*10;
var lat=dist * Math.cos(bearing * Math.PI/180)/latConv;
var lng=dist * Math.sin(bearing * Math.PI/180)/lngConv;
return new google.maps.LatLng(point.lat()+lat,point.lng()+lng)
}
================================
================================
在google map api v2上用:
var SectorPoint = new google.maps.LatLng(24.062191,121.071543);
map.addOverlay(new google.maps.Sector(SectorPoint,30000,-45,45,"#ff0000",0,0.8,"#ff0000",0.35));
就可以畫出扇形...
請問要怎麼改才能在google map js api v3上畫出扇形..
還是有人用其他方法可以畫出來?求教學..
作者: aa1235561 (的客)   2016-11-22 09:47:00
用icon加上三角形如何(markup
作者: shadowjohn (轉角遇到愛)   2016-11-22 10:02:00

Links booklink

Contact Us: admin [ a t ] ucptt.com