快捷搜索:

51 地图标注接口(一)

1. 51map 标注接口

实现在舆图上标注位置、采集位置信息等操作。说的通俗点便是得到舆图上某个地方的经纬度和放缩比例

应用这个接口必要引入两段js:

2. 51map 标注接口效果图

该图主要显示了标注得到经纬度的结果。点击上面的标注位置这个按钮,可以呈现一个舆图,在舆图上可以标注任何一个位置的地舆位置。

应用该舆图标注可以得到舆图上的地舆位置和舆图的放缩比例。该功能主要用于采集数据。当然这个得到的经纬度数值不是纯真的经纬度,而是经纬度数字*100000 得到的。在上面一副图的文本框中可以看出。

3. 51map 标注用法代码阐明

1 html>

2head>

3meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

4title>Untitled Document/title>

5script language="javascript" src="jquery-1[1].2.3.min.js">/script>

6script language="javascript" src="http://api.51ditu.com/js/maps.js">/script>

7script language="javascript" src="http://api.51ditu.com/js/ezmarker.js">/script>

8script language="JavaScript">

9

10/**

11* LTEZMarker : 用于显示舆图标注

12* 该操作一样平常用于采集地舆位置经纬度

13*

14* LTEvent.addListener 添加一个事故 由哪个标注值来添补数据

15*

16* setDefaultView设置默认的标注位置,一样平常用地舆位置的拼音来

17* 指定,如shanghai

18*

19* ezmarker.setValue 也可以应用经纬度坐标来标注默认位置

20*

21*/

22function setMap(point,zoom){

23document.getElementById("txtX").value=point.getLongitude();

24document.getElementById("txtY").value=point.getLatitude();

25document.getElementById("txtZ").value=zoom;

26}

27var ezmarker=new LTEZMarker("ezmarker");

28ezmarker.setDefaultView("shanghai",5);

29ezmarker.setValue(new LTPoint(11200000,4000000),10);

30LTEvent.addListener(ezmarker,"mark",setMap);//

31/script>

32

33/head>

34body>

35br/>

/>br/>

36X:input type="text" id="txtX" value="" />

/>

37Y:input type="text" id="txtY" value="" />

/>

38Z:input type="text" id="txtZ" value="" />

/>

39/body>

40 /html>

41

您可能还会对下面的文章感兴趣: