-------------------------------------------------------------------- 这篇文章的内容来自天地图Web API 入门指导---------------------------------------------------------------------------

Web API介绍

天地图Web API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中制作各种类型、行业的地图应用,还可以使地图功能够以模块化集成在不同类型的系统应用中。

面向用户

天地图Web API面向的读者是有一定JavaScript编程经验的读者,此外,读者还应该对地图产品有一定的了解。初级程序员通过1-2天的学习,即可掌握API的使用。

获取API

地图API是由JavaScript语言编写的,您在使用之前需要通过

1

版本说明

此API为地图展示版本,主要完成地图的展示和操作功能,如地图定位、放大和缩小等!

兼容性:             浏览器:IE 6.0+、Firefox 3.6+、Opera 9.0+、Safari 3.0+、Chrome             操作系统:Windows、Mac、Linux

HELLO WROLD

从一个简单的示例开始学习天地图的地图API。以下代码创建了一个地图并以天安门作为地图的中心。 代码如下:

01
02
03
04
05
HELLO WORLD 
 
06
07
08
var map,zoom = 12;
09
function onLoad()
10
{
11
//初始化地图对象
12
map=new TMap("mapDiv");
13
//设置显示地图的中心点和级别
14
map.centerAndZoom(new TLngLat(116.40969,39.89945),zoom);
15
}
16
17
18
19
20
21

您可以复制示例代码到您的剪贴板中。

下面来说明这些步骤:

一、准备页面

根据HTML 标准,每一份HTML 文档都应该声明正确的文档类型,我们建议您使用最新的符合HTML5 规范的文档声明::

1

二、引入天地图的地图JavaScript API 文件

1

三、创建地图容器元素

地图需要一个HTML元素作为容器,这样才能展现到页面上。这里我们创建了一个div元素。将div元素的宽和高分别设置为100%,使其充满整个屏幕,或者您也可以计算浏览器窗口的大小并进行设置。

四、创建地图实例

1
//初始化地图对象
2
var map=new TMap("mapDiv");

TMap类表示地图,可以通过new操作符可以创建一个地图实例。其参数可以是元素id也可以是元素对象。注意在调用此构造函数时应确保容器元素已经添加到地图上。

五、确定经纬度坐标


var lnglat =new TLngLat(116.40969,39.89945)

这里我们使用T命名空间下的Point类来创建一个坐标点。TLnglat类描述了一个地理坐标点,其中116.40969表示经度,39.89945表示纬度。

六、地图初始化


map.centerAndZoom(lnglat,12);

在创建地图实例后,我们需要对其进行初始化,map.centerAndZoom方法要求设置中心点坐标和地图级别。 地图必须经过初始化才可以执行其他操作。

-------------------------------------------------------------------- 这篇文章的内容来自天地图Web API 入门指导---------------------------------------------------------------------------