51DITU地图接口

转自:http://api.51ditu.com/docs/mapsapi.html

 

 

功能

 

 

 地图接口_基本功能

 

上图就是本接口提供的功能，简单的几行JavaScript代码就可以得到上图的功能（放大/缩小/平移/测距/测面/打印/还原）。

本接口也提供基于事件的交互开发模式，使得您可以通过地图和您的用户交互。

 

 地图接口_标记功能

 

地图接口提供标点功能，除了基本功能外，您还可以向地图上增加多个点，如上图。

标记的图标是可以自定义的。

 

 

地图接口_标线功能

 

 

地图接口提供标(折)线功能，除了基本功能外，您还可以向地图上增加多条线，如上图。

线的样式(粗细、颜色)是可以自定义的。

 

 

JavaScript

 

接口方式

 

如果您对地图还不是特别了解，您先看一下地图基础知识。

步骤1：引入JavaScript文件

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

步骤2：引入一个DIV

<div id="myMap" style="position:relative; width:400px; height:300px;"></div>

步骤3：创建地图对象

<script language="javascript">
var maps = new LTMaps( "myMap" );
maps.cityNameAndZoom( "beijing" , 5 );
</script>

使用方法