supermap学习系列（七）——用户自己在地图上添加点、线、面标注

最新推荐文章于 2023-11-14 14:33:25 发布

duyelang

最新推荐文章于 2023-11-14 14:33:25 发布

阅读量1.5w

点赞数 2

分类专栏：超图文章标签： supermap 地图标注移动或者单击点线面

本文链接：https://blog.csdn.net/duyelang/article/details/20473235

版权

本文为SuperMap学习笔记，介绍如何在地图上动态添加自定义的点、线、面标注。用户可设置填充颜色、边框颜色、宽度及透明度。通过点击图片按钮，实现标注的添加，并在鼠标移动到标注上时，展示详细信息。

摘要由CSDN通过智能技术生成

学习笔记，方便以后查阅。参考资源超图地理信息云门户-示例：http://www.supermapcloud.com/online/developAPI.html

上代码：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title> 
    <script src="libs/SuperMap.Include.js"></script>      
    <script type="text/javascript">    
        var map, layer, popup;
        var featuresLayer, drawLine, drawPoint, drawPolygon, selectDrawFeature;
        var drawFeatureStyle = {
            strokeColor: null,
            strokeWidth: null,
            strokeOpacity: null,
            pointRadius: 6,
            fillColor: null,
            fillOpacity: null,
            cursor: "pointer"
        };//定义要添加要素的样式  
        var selectStyle={
            strokeColor: "#0099FF",
            strokeWidth: 2,
            pointerEvents: "visiblePainted",
            fillColor: "#FF8247",
            fillOpacity: 0.4,
            pointRadius: 6,
            label: "",
            fontSize: 14,
            fontWeight: "normal",
            cursor: "pointer"
        };// 点击添加的元素之后的样式
        // 设置访问的GIS服务地址
        var url = "http://localhost:8090/iserver/services/map-ChinaTestWorkPlace/rest/maps/ChinaTest";
        function GetMap() {
            // 创建地图对象
            map = new SuperMap.Map("map");
            //control = new SuperMap.Control.MousePosition();     //该控件显示鼠标移动时，所在点的地理坐标。
            //map.addControl(control);  //添加控件  
            featuresLayer = new SuperMap.Layer.Vector("  test!@#  是图层的name属性
            drawLine = new SuperMap.Contro