supermap 学习系列（三）——在地图上绘制线段（鼠标放在上面时改变其颜色）

最新推荐文章于 2024-04-01 16:06:33 发布

原创

最新推荐文章于 2024-04-01 16:06:33 发布 · 5k 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#地图 #supermap #rest #标注

本文展示了如何在SuperMap地图上绘制线段，并实现鼠标悬停时线段颜色变化的效果。通过创建地图对象、图层、矢量图层，以及添加选择特征控件，实现了线段的交互式高亮。示例代码中还包括添加标记、信息窗口弹出以及点击事件处理。

学习笔记，方便以后查询。

<!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="json_parse.js"></script>
    <script src="toJSON.js"></script>
    <script src="libs/SuperMap.Include.js"></script>
    <script type="text/javascript">    
        var selectStyle = {
            fillColor: "#ffcc33",
            strokeColor: "#ccff99",
            strokeWidth: 2,
            graphZIndex: 1
        };
        var map, layer, vectorLayer, control, selectFeature;
        // 设置访问的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);  //添加控件
            // 创建图层对象
       &nb

最低0.47元/天解锁文章