Advertisement

JavaScript支持在百度地图上绘制任意角度的扇形图,并提供自定义覆盖物功能

阅读量:

关于绘制扇形的需求

众所皆知,百度地图所提供的覆盖物类型中仅包含Circle类,而并未提供Sector类。更为明显的是,当半径较小时,在地图缩放级别较高的情况下,百度地图所呈现的圆形实际上更接近一个多边形,而非真正的圆形!

经过广泛搜索,发现网络上关于扇形绘制方法的讨论较多,其中最常见的做法是通过多个点连接形成多边形来模拟扇形。然而,当半径或角度较小时,这种多边形的表现依然无法达到理想效果。难道大多数开发者对此都采取了妥协的方式吗?


利用Canvas实现

此处直接附上全部代码:

复制代码
    <!DOCTYPE html>
    <html>
    
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <style type="text/css">
        body,
        html,
        #allmap {
            width: 100%;
            height: 100%;

全部评论 (0)

还没有任何评论哟~