是否可以在mouseClick上获取矩形的坐标,所以我有矩形的所有角?Leaflet.Draw矩形的坐标
8
A
回答
9
见事件对象(http://leafletjs.com/reference.html#event-objects):
var map = L.map('map').setView([53.902257, 27.561640], 13);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png').addTo(map);
var bounds = [[53.912257, 27.581640], [53.902257, 27.561640]];
var rect = L.rectangle(bounds, {color: 'blue', weight: 1}).on('click', function (e) {
// There event is event object
// there e.type === 'click'
// there e.lanlng === L.LatLng on map
// there e.target.getLatLngs() - your rectangle coordinates
// but e.target !== rect
console.info(e);
}).addTo(map);
使用e.target.getLatLngs()
。
5
Leaflet.draw
plugin使用标准Leaflet's L.Rectangle。
因此,为了获得Leaflet.draw矩形的坐标,您可以使用Polyline的方法getLatLngs()
,该方法返回路径中点的数组。
例子:
var drawnItems = new L.FeatureGroup();
map.addLayer(drawnItems);
map.on('draw:created', function (e) {
var type = e.layerType,
layer = e.layer;
if (type === 'rectangle') {
layer.on('mouseover', function() {
alert(layer.getLatLngs());
});
}
drawnItems.addLayer(layer);
});
相关问题
- 1. 获取FrameworkElement边界矩形的坐标
- 2. 旋转后的矩形坐标
- 3. 确定旋转矩形的坐标
- 4. 翻译一个矩形的坐标
- 5. 帮助与矩形的坐标空间
- 6. 查找所选矩形的坐标pdf
- 7. 从包围矩形和角度获取旋转矩形坐标
- 8. 算法从坐标确定矩形
- 9. 点坐标轴对齐矩形测试?
- 10. 在C++中检测dlib矩形坐标
- 11. Leaflet.Draw矩形的自定义波浪路径
- 12. 从一个约束矩形转换坐标到它包含的旋转矩形的坐标
- 13. Javascript - 如何获取矩形,拖动后的圆形坐标?
- 14. 通过坐标计算2D形状的最小边界矩形
- 15. 坐标类的极坐标到矩形转换的朋友函数
- 16. 将坐标从矩形变换为平行四边形
- 17. 坐标由地理坐标向球形坐标的转换
- 18. 在特定的x,y坐标处获取矩形的颜色
- 19. 纹理坐标上的不同尺寸的矩形
- 20. Android如何让我的MapView的屏幕坐标? (可见矩形)
- 21. 如何查找图像中矩形的角点坐标
- 22. Corona SDK - 未出现在预期位置(坐标系)的矩形
- 23. 从给定坐标的中心绘制矩形
- 24. 在动画运行时获取矩形的坐标
- 25. Android编程,绘制一个具有特定坐标的矩形
- 26. glRotate更改坐标,以便矩形绘制旋转的平面
- 27. javascript中两点之间的矩形坐标
- 28. 如何找到移动物体的坐标以绘制矩形
- 29. Android:ViewGroup中的负坐标和触摸矩形
- 30. 倒立坐标系中线和矩形的线裁剪算法?
你知道为什么layer.toGeoJSON()geometry.coordinates将新增另一个坐标。 – Spir 2015-07-07 08:13:51