早睡早起,方能养生!
Sleep early rise early, square can preserve one's health!

PHP地理围栏与后台地图绘制全解析(二),绘制图形的修改

super
2021-10-11 14:25
views 50

PHP地理围栏与后台地图绘制全解析

 

接上回,几何图形绘制后的修改

 

  1. 1)首先在initMap中定义一个simplePath

 

var simplePath = [
	new TMap.LatLng(40.04051164600918, 116.27488518619089),
	new TMap.LatLng(40.040943635857445, 116.27804611629756),
	new TMap.LatLng(40.03951759379146, 116.2783762087081),
	new TMap.LatLng(40.03891287066983, 116.2752049655744)
];

 

 

这个数组中定义的位置在北京,如果你用了这组模拟数据的话,记得翻到北京看看有没有框出来

 

 

2)增加初始胡参数 geometries

 

{
	overlay: new TMap.MultiPolygon({
		map: map,
		geometries: [
			{
				id: 'default-id-1024',
				paths: simplePath
			}
		]
	}),
	id: 'polygon',
	drawingStyleId: 'polygon',
}

 

 

3)如果是编辑的话,可以将编辑器设置为交互模式

 

设置了交互模式后,只需要点一下图形,就可以任意缩放了。

 

 

写在最后就可以了

 

setTimeout(function () {
	// 设置操作状态为交互模式
	editor.setActionMode(TMap.tools.constants.EDITOR_ACTION.INTERACT);
}, 2000);

 

 

4)如果想删除这个初始化时生成的几何图形怎么办?

 

看第二张图的红框里面,我们自定义了一个ID,下面的 drawingID 修改成你自定义的ID即可

 


editor.setActiveOverlay('polygon'); // 设置图层处于激活状态
editor.select([drawingID]); // 选中激活中图层内的几何图形  
editor.delete(); // 删除已选中图形

分享
0 条讨论
top