supermap-gis学习之点、线、面、标绘、车辆动态监控、弹窗

最新推荐文章于 2025-05-27 22:08:50 发布

‌‌‌‌‌‌

最新推荐文章于 2025-05-27 22:08:50 发布

阅读量1.3k

点赞数 1

分类专栏：超图 - 笔记

本文链接：https://blog.csdn.net/CSDN15733185257/article/details/103601723

版权

本文介绍了如何从SuperMap官网及资源中心获取GIS资源，特别是SuperMap iClient8c JavaScript API，展示了使用这些资源进行点、线、面的绘制，以及车辆动态监控和弹窗功能的实现。提供了源码链接和相关技术交流Q群。

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

下载：supermap官网、GIS-supermap技术资源中心、supermap-iclient8c-JavaScript-API、supermap-示范程序-（注意版本）

效果：

源码：

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <title>首页</title>
</head>
<body>
    <div style="width: 1300px;height: 600px;">
        <div style=" position: absolute;left: 10px;top: 10px;
	        text-align: center;z-index: 999999">
            <input type='button' id='btn-zin' onclick="zoomin()" value="放大" />
            <input type='button' id='btn-zout' onclick="zoomout()" value="缩小" />
            <input type='button' id='btn-init' onclick="mapInit()" value="初始化" />
            <input type='button' id='btn-dpoint' onclick="draw_point()" value="绘点" />
            <input type='button' id='btn-dline' onclick="draw_line()" value="绘线" />
            <input type='button' id='btn-dpolygon' onclick="draw_polygon()" value="绘面" />
            <input type='button' id='btn-deactive' onclick="deactiveAll()" value="取消事件" title="取消绘点、绘线、绘面事件" />
            <input type='button' id='btn-clear' onclick="clearFeatures()" value="清除" />
            <input type='button' id='btn-dpolyLine' onclick="draw_plotLine()" value="绘轨迹线" title="绘轨迹线，起终点及动态人物" />
            <input type='button' id='btn-dpolygon' onclick="addMarKerData()" value="添加marker" />
        </div>