由于本人在PC端仅使用了多边形绘制,但矩形跟多边形用法基本一样,圆形并未使用,如不符合读者需求也可以参考一下。
绘制后得到的数据可能不同,但绘制方法仅仅是传递的参数不同。
关于给坐标数组在地图绘制图形的效果在移动端部分包含。
一、绘制需要引入的文件
1.首先肯定包括咱们最需要的百度地图的文件
<script type="text/javascript" src="https://api.map.baidu.com/getscript?v=3.0&ak=申请的ak"></script>
<!-- 注意切换为自己申请的ak -->
2.随后需要的则是我们绘制所需要的文件,一个css文件,一个js文件
<!-- JS文件 -->
<script type="text/javascript" src="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.js"></script>
<!-- CSS文件 -->
<link rel="stylesheet" href="http://api.map.baidu.com/library/DrawingManager/1.4/src/DrawingManager_min.css">
3.最后则是我们判断坐标是否在电子围栏内的js文件
<script type="text/javascript" src="http://api.map.baidu.com/library/GeoUtils/1.2/src/GeoUtils_min.js"></script>
做完这些准备后我们就可以在代码中进行使用了
二、PC端进行绘制
其实绘制也很简单,我使用的操作也更简单一些,这里主要使用的则是