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>

使用方法

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值