学习笔记-百度地图绘制扇形

本文记录了在公司项目中使用百度地图API实现扇形绘制的过程。由于百度地图和Google Maps V3均未内置扇形多边形的绘制功能,作者通过修改网上找到的Google Maps V2算法,成功将其应用到百度地图上,虽然效果存在一些不足,但已能满足基本需求。
摘要由CSDN通过智能技术生成

公司项目有在电子地图上绘制扇形的需求,因为只是一个小需求,跟GIS还是差得远。

google maps v3和百度地图都没有封装扇形多边形的方法,自己在网上找了个google maps v2的算法拿过来略作修改,应用到的百度地图,虽然效果不完美,但总算也满足需求了。

js部分代码:

var map = new BMap.Map("container");
var point = new BMap.Point(116.404, 39.915);
map.centerAndZoom(point, 11);
var markers = [];
function Sector1(point2, radius, sDegree, eDegree, strokeColour, strokeWeight, Strokepacity, fillColour, fillOpacity, opts) {
    var points = [];
    var step = ((eDegree - sDegree) / 10) || 10;
    points.push(point2);
    for ( var i = sDegree; i < eDegree + 0.001; i += step) {
        points.push(EOffsetBearing(point2, radius, i));
    }
    points.push(point2);
    var polygon = new BMap.Polygon(
      points
    , {strokeColor:strokeColour, strokeWeight:strokeWeight, strokeOpacity:Strokepacity, fillColor: fillColour, fillOpacity:fillOpacity}
  • 3
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值