PHP地理围栏与后台地图绘制全解析（二），绘制图形的修改

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(); // 删除已选中图形