框选查询

武候邢

于 2020-05-16 21:33:34 发布

阅读量438

点赞数

文章标签： gis

本文链接：https://blog.youkuaiyun.com/weixin_44543131/article/details/106165573

版权

本文介绍了如何在GIS地图中实现框选查询功能。首先创建一个矢量图层并添加到Map地图，接着设置方框区域控制。点击时清除上一次查询并开始绘制，根据绘制的边界查询数据。查询到的数据将被设置为标记点，点击标记点会显示详细信息。最终展示在浏览器中查看效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1：先在页面上弄一个div，给它设置样式，并且给它点击事件drawGeometry()，创建矢量图层：

markerLayer = new
SuperMap.Layer.Markers(“Markers”)；

把创建的矢量图层添加到Map地图里面：

map.addLayers(markerLayer);

然后创建方框区域控制：

drawFeaturequery = new SuperMap.Control.DrawFeature(vectorLayer,
SuperMap.Handler.Box, { “handlerOptions”: { “cursorCSS”: “crosshair” } });

 drawFeaturequery.events.on({

“featureadded”:
drawCompletedquery });

2:写击事件，每次点击的时候都要清除上一次的查询，然后开始绘制方框：

              function drawGeometry() {

         markerLayer.clearMarkers();

drawFeaturequery.activate();

3：根据需要查询的条件查询数据：

              function drawCompletedquery(obj) {

        drawFeaturequery.deactivate();

        var feature = obj.feature;

        feature.style = styleque;

最低0.47元/天解锁文章