天地图广州地图服务接入指南V1.docx

天地图广州地图服务接入指南V1.0

概述

业务背景

国家地理信息公国服务平台天地图广州节点（以下简称“天地图”）现已提供多业务、多平台的基础地图服务，并通过天地图权限管理系统进行管理。天地图JavaScriptAPI4.0是一套符合HTML5.0规范的的应用程序接口，以HTML5.0的形式提供各种地图服务和数据，如地图展示、标注、定位等。为开发者提供了快速调用天地图在线地理信息服务的通道，包括快速创建地图、调用地图、地名有哪些信誉好的足球投注网站以及在地图上添加覆盖物等。可帮助开发者在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，支持主流的HTML4.0和HTML5.0特性的地图开发。

目标

通过本文档，指导各委办局用户接入天地图统一用户平台，并对接天地图广州提供的基础地图服务。本文只给出基本的地图服务接入示例，更多参考示例可前往/api/js4.0/examples.html查阅。

地图服务接入实现

用户注册

输入天地图广州的网址：/guangzhou/，打开网页后，在页面的右上角点击注册，注册新用户。

申请成为开发者

注册并登录成功后，打开以下网址：/api/register，申请成为天地图开发者，按照需要，可以自行选择成为企业开发者或个人开发者。

以企业开发者为例，用户需要填写公司名称，营业执照等信息，具体如下图所示：

申请Key（密钥）

成为天地图开发者后，在应用管理模块，选择创建应用，创建您的应用系统并获得许可Key。地址：/api/key。

创建成功后，页面会显示已申请应用的key，后续调用天地图相关服务时需要用到。

调用地图服务

以前端为例，通过以下代码串可以调用天地图的影像服务：

/img_w/wmts?SERVICE=WMTSREQUEST=GetTileVERSION=1.0.0LAYER=imgSTYLE=defaultTILEMATRIXSET=wFORMAT=tilesTILEMATRIX={z}TILEROW={x}TILECOL={y}tk=您的密钥。

详细示例可参考附件1和附件2。

附件1（调用影像地图示例）

!DOCTYPE?html

html

head

????meta?http-equiv=content-type?content=text/html;?charset=utf-8/

????title天地图－地图API－范例－地图加载影像地图图层/title

????script?type=text/javascript?src=/api?v=4.0tk=您的密钥/script

????style?type=text/cssbody,html{width:100%;height:100%;margin:0;font-family:Microsoft?YaHei}#mapDiv{width:100%;height:500px}input,b,p{margin-left:5px;font-size:14px}/style

????script

????????var?map;

????????var?zoom?=?8;

????????var?lay;

????????var?onlyMapLay;

????????function?onLoad()?{

????????????var?imageURL?=?/img_w/wmts??+

????????????????SERVICE=WMTSREQUEST=GetTileVERSION=1.0.0LAYER=imgSTYLE=defaultTILEMATRIXSET=wFORMAT=tiles?+

????????????????TILEMATRIX={z}TILEROW={y}TILECOL={x}tk=您的密钥;

????????????//创建自定义图层对象

????????????lay?=?new?T.TileLayer(imageURL,?{minZoom:?1,?maxZoom:?18});

????????????var?config?=?{layers:?[lay]};

????????????//初始化地图对象

????????????map?=?new?T.Map(mapDiv,?config);

????????????//设置显示地图的中心点和级别

????????????map.centerAndZoom(new?T.LngLat(116.40969,?39.89945),?zoom);

????????????//允许鼠标滚轮缩放地图

????????????map.enableScrollWheelZoom();

????????}

????/script

/head

bo