openlayer绘制图形

最新推荐文章于 2023-05-26 18:00:27 发布

this.Moon

最新推荐文章于 2023-05-26 18:00:27 发布

阅读量198

点赞数

文章标签： js

本文链接：https://blog.csdn.net/kioik/article/details/115520110

版权

主要两种绘制方式
1.通过坐标直接将图形添加到地图上

2.通过鼠标获取坐标：{
首先需要初始化一个矢量地图对象ol.layer.Vector（因为添加的元素是矢量的（点线面），所以只能加在矢量图层上）
加载交互式图形控件ol.interaction.Draw（在实例化是设置绘制类型和对应的特征参数）
绘制图形
修改图形需要用到交互式编辑控件ol.interaction.Modify
}

下面是第二种方法的一个简单代码

<body>
		<div id="map"></div>
		<div class="d">
			<button onclick="addpoint()">点</button>
			<button onclick="addline()">线</button>
			<button>多边形</button>
			<button>圆</button>
		</div>
	</body>
	<script

最低0.47元/天解锁文章

this.Moon

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
openlayer绘制图形

主要两种绘制方式1.通过坐标直接将图形添加到地图上2.通过鼠标获取坐标：{首先需要初始化一个矢量地图对象ol.layer.Vector（因为添加的元素是矢量的（点线面），所以只能加在矢量图层上）加载交互式图形控件ol.interaction.Draw（在实例化是设置绘制类型和对应的特征参数）绘制图形修改图形需要用到交互式编辑控件ol.interaction.Modify}...
复制链接

扫一扫