本文为SuperMap学习笔记，介绍如何在地图上动态添加自定义的点、线、面标注。用户可设置填充颜色、边框颜色、宽度及透明度。通过点击图片按钮，实现标注的添加，并在鼠标移动到标注上时，展示详细信息。
学习笔记，方便以后查阅。参考资源超图地理信息云门户-示例：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
最低0.47元/天 解锁文章
1500
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
