高德绘制矢量图层多边形
时间: 2024-01-19 20:12:02 浏览: 23
要在高德地图上绘制矢量图层多边形,可以使用高德地图的JavaScript API。以下是一个简单的示例代码,可以绘制一个多边形:
```javascript
// 创建地图实例
var map = new AMap.Map('container', {
zoom: 14,
center: [116.39, 39.9]
});
// 创建一个多边形对象
var polygon = new AMap.Polygon({
path: [
[116.403322, 39.920255],
[116.410703, 39.897555],
[116.402292, 39.892353],
[116.389846, 39.891365]
],
strokeColor: "#FF33FF",
strokeWeight: 6,
strokeOpacity: 0.2,
fillColor: "#1791fc",
fillOpacity: 0.4
});
// 将多边形添加到地图上显示
map.add(polygon);
```
在上面的代码中,首先创建了一个地图实例,然后创建了一个多边形对象,并设置了多边形的路径、边框颜色、边框宽度、边框透明度、填充颜色和填充透明度等属性。最后将多边形对象添加到地图上显示。
你可以根据自己的需要修改多边形的属性和路径,以实现你想要的效果。
相关问题
高德地图绘制多个多边形
要在高德地图上绘制多个多边形,您可以按照以下步骤操作:
1. 创建一个地图对象:
```
var map = new AMap.Map('mapContainer', {
zoom: 13,
center: [116.39, 39.9]
});
```
2. 创建多个多边形对象:
```
var polygon1 = new AMap.Polygon({
path: [[116.403322,39.920255],[116.410703,39.897555],[116.402292,39.892353],[116.389846,39.891365]],
fillColor: '#00FF00',
strokeColor: '#FF0000',
strokeWeight: 3,
fillOpacity: 0.35,
strokeOpacity: 0.8,
zIndex: 10,
map: map
});
var polygon2 = new AMap.Polygon({
path: [[116.393322,39.930255],[116.400703,39.907555],[116.392292,39.902353],[116.379846,39.901365]],
fillColor: '#0000FF',
strokeColor: '#FF0000',
strokeWeight: 3,
fillOpacity: 0.35,
strokeOpacity: 0.8,
zIndex: 10,
map: map
});
```
3. 将多个多边形对象添加到地图上。
您可以根据需要创建更多的多边形对象,并将它们添加到同一个地图对象上。
高德地图 多边形绘制 测量面积并截图
要在高德地图上绘制多边形并测量面积,并截取截图,可以按照以下步骤进行操作:
1. 打开高德地图网页版或者手机APP,在地图上找到要绘制多边形的地点,放大地图到合适的比例尺。
2. 在地图上点击一点,作为多边形的第一个点,然后继续点击其他点,逐渐绘制多边形。最后一次点击回到起点,形成闭合的多边形。
3. 点击多边形上方的“测量”按钮,选择“面积”选项,即可看到该多边形的面积大小。
4. 如果需要截取该多边形的截图,可以在手机APP中按下电源键和音量键同时截取全屏截图;在网页版中按下“Print Screen”键截取整个屏幕,或使用截图工具截取指定区域。
5. 如需保存截图,可以将截图复制到其他应用程序中,或者在手机APP中进入“我的”->“截图”进行查看和保存。在网页版中,可以将截图保存到本地计算机中。