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)
还没有任何评论哟~
