51 地图标注接口
2012-09-06 14:02
357 查看
1. 51map 标注接口
实现在地图上标注位置、采集位置信息等操作。说的普通点就是获得地图上某个地方的经纬度和放缩比例
使用这个接口需要引入两段js:
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script>
2. 51map 标注接口效果图
代码
1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4 <title>Untitled Document</title>
5 <script language="javascript" src="jquery-1[1].2.3.min.js"></script>
6 <script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
7 <script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script>
8 <script language="JavaScript">
9
/**
* LTEZMarker : 用于显示地图标注
* 该操作一般用于采集地理位置经纬度
*
* LTEvent.addListener 添加一个事件 由哪个标注值来填充数据
*
* setDefaultView 设置默认的标注位置,一般用地理位置的拼音来
* 指定,如shanghai
*
* ezmarker.setValue 也可以使用经纬度坐标来标注默认位置
*
*/
function setMap(point,zoom){
document.getElementById("txtX").value=point.getLongitude();
document.getElementById("txtY").value=point.getLatitude();
document.getElementById("txtZ").value=zoom;
}
var ezmarker=new LTEZMarker("ezmarker");
ezmarker.setDefaultView("shanghai",5);
ezmarker.setValue(new LTPoint(11200000,4000000),10);
LTEvent.addListener(ezmarker,"mark",setMap);//
</script>
</head>
<body>
<br/><br/><br/>
X: <input type="text" id="txtX" value="" /><br/>
Y: <input type="text" id="txtY" value="" /><br/>
Z: <input type="text" id="txtZ" value="" /><br/>
</body>
</html>
var ezmarker=new LTEZMarker("ezmarker");
用于地图标注的类
其中setDefaultView("shanghai",5) 方法是用于设置默认标注的位置和放缩比例。方法前面的参数是城市或地址位置的拼音或者汉字,后面的是放缩比例。
如果说要默认标注某个经纬度使用 setValue(new LTPoint(11200000,4000000),10)
LTEvent.addListener(ezmarker,"mark",setMap) 是为这个标注添加一个监听事件
实现在地图上标注位置、采集位置信息等操作。说的普通点就是获得地图上某个地方的经纬度和放缩比例
使用这个接口需要引入两段js:
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script>
2. 51map 标注接口效果图
代码
1 <html>
2 <head>
3 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
4 <title>Untitled Document</title>
5 <script language="javascript" src="jquery-1[1].2.3.min.js"></script>
6 <script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
7 <script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script>
8 <script language="JavaScript">
9
/**
* LTEZMarker : 用于显示地图标注
* 该操作一般用于采集地理位置经纬度
*
* LTEvent.addListener 添加一个事件 由哪个标注值来填充数据
*
* setDefaultView 设置默认的标注位置,一般用地理位置的拼音来
* 指定,如shanghai
*
* ezmarker.setValue 也可以使用经纬度坐标来标注默认位置
*
*/
function setMap(point,zoom){
document.getElementById("txtX").value=point.getLongitude();
document.getElementById("txtY").value=point.getLatitude();
document.getElementById("txtZ").value=zoom;
}
var ezmarker=new LTEZMarker("ezmarker");
ezmarker.setDefaultView("shanghai",5);
ezmarker.setValue(new LTPoint(11200000,4000000),10);
LTEvent.addListener(ezmarker,"mark",setMap);//
</script>
</head>
<body>
<br/><br/><br/>
X: <input type="text" id="txtX" value="" /><br/>
Y: <input type="text" id="txtY" value="" /><br/>
Z: <input type="text" id="txtZ" value="" /><br/>
</body>
</html>
var ezmarker=new LTEZMarker("ezmarker");
用于地图标注的类
其中setDefaultView("shanghai",5) 方法是用于设置默认标注的位置和放缩比例。方法前面的参数是城市或地址位置的拼音或者汉字,后面的是放缩比例。
如果说要默认标注某个经纬度使用 setValue(new LTPoint(11200000,4000000),10)
LTEvent.addListener(ezmarker,"mark",setMap) 是为这个标注添加一个监听事件
相关文章推荐
- 51 地图标注接口(一)
- 51地图标注接口(EZMarker API)
- 51地图标注接口(EZMarker API)
- 51 地图基本接口(二)
- 51 地图基本接口(三)
- 【百度地图API】如何在地图上添加标注?——另有:坐标拾取工具+打车费用接口介绍
- 【百度地图API】如何在地图上添加标注?——另有:坐标拾取工具+打车费用接口介绍
- 百度地图API接口 地图标注 地址经纬度解析
- 在ArcGIS Server地图输出中包含用户自己添加的标注
- 天地图专题六:复杂操作,天地图上标注点的连线以及模拟点击事件
- 基于百度地图的地图标注-地图定制-地图DIY小工具,适合商会协会组织等标注总部和分支机构
- 地图入门(一):Android上使用Google Maps加标注的最最简单的例子
- 关于ArcGis发布离线地图服务并使用JS接口访问地图
- [Android]百度地图之地图标注
- iOS 输入地点 显示当前位置地图并用大头针标注
- 【百度地图API】如何利用自己的数据制作社交地图?只显示可视区域内的标注
- iOS Swift3.0地图自定义标注和气泡
- 实现51Map地图接口(示例代码)
- jn-场馆详情地图标注居中
- 51地图用法