地图接口调用说明

最新推荐文章于 2024-10-12 18:08:20 发布

weixin_30349597

最新推荐文章于 2024-10-12 18:08:20 发布

阅读量368

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/yeyeyeyeye/p/7728771.html

1. 点击地图，标识点，并返回经纬度。

输入

 1 /**
 2  * 开启地图点击标识
 3  */
 4 var data = {
 5     flag: ‘mark’,
 6 };
 7 /**
 8  * 关闭地图点击标识
 9  */
10 var data = {
11     flag: ‘markOff’,
12 };

输出

1 var data = {
2     longitude: evt.coordinate[0], // 经度
3     latitude: evt.coordinate[1],  // 纬度
4     layerName: opts.name  // 图层名，用于图层移除操作
5 };

2. 经纬度组批量打点

输入

 1 var data = {
 2     flag: 'addMarkers',// 必填
 3     layerName: 'markers', // 必填，用于移除该图层
 4     points: [
 5         {
 6             name: '点1',
 7             longitude: 119.801186, // 必填
 8             latitude: 25.502391, // 必填
 9             icon: 'http://168.5.48.86:8050/dsmc/assets/img/0101.png' // 图片路径
10         }, {
11             name: '点2',
12             longitude: 119.83893884090612,
13             latitude: 25.5667465414753
14         }, {
15             name: '点3',
16             longitude: 119.83010725382424,
17             latitude: 25.57025235898018
18         }
19     ]
20 
21 };

输出

1 var data = {
2     flag: 'layerName',
3     layerName: 'layerName' // 改组点图层名称，用于移除该图层 
4 };

3. 点击地图上的点，返回该点信息

输入	/
输出	1 var data = { 2 flag: 'featureInfo', 3 featureInfo: featureInfo 4 };

4. 移除图层

输入	1 var data = { 2 flag: 'removeLayerFormMap',// 必填 3 layerName: 'markers' // 必填，移除图层名 4 };
输出	/

5. 加载网格轮廓

输入

 1 var data = {
 2     flag: 'wgOutlines',// 必填
 3     type: 'vector', // 必填
 4     layerName: word, // 必填，用于移除图层
 5     serviceName: word, // 如乡镇网格G_WG_XZ,社区网格G_WG_CZ，单元网格G_WG_DY
 6     filter: null, // 不过滤，显示全部
 7     field: 'CODE',
 8     fieldArray: [351004,351001,351007],
 9     canLoadWgLvl: 2, // 可缩放的最高层级
10 
11     view: true
12 };

输出

6. 显示气泡

输入

 1 var data = {
 2     flag: 'showPopup', // 必填
 3     popups: [
 4         {
 5             name: 'popup1', // 气泡名，可用于移除该气泡
 6             contain: "<div>"
 7             + "<div style='display: inline-block;width: 50%;text-align: center;cursor: pointer;color: #090;'>测试</div>"
 8             + "</div>", // 气泡中显示内容
 9             longitude: 119.801186, // 必填
10             latitude: 25.502391, // 必填
11         },
12         {
13             name: 'popup2',
14             contain: "<div>"
15             + "<div style='display: inline-block;width: 50%;text-align: center;cursor: pointer;color: #090;'>测试</div>"
16             + "</div>",
17             longitude: 119.83893884090612,
18             latitude: 25.5667465414753
19         },
20         {
21             name: 'popup3',
22             contain: "<div>"
23             + "<div style='display: inline-block;width: 50%;text-align: center;cursor: pointer;color: #090;'>测试hahhaha</div>"
24             + "</div>",
25             longitude: 119.83010725382424,
26             latitude: 25.57025235898018
27         }
28     ]
29 
30 };