海淀高端网站建设,wordpress文章显示作者,徐汇做网站公司,全国企业信用信息“天地图”是国家测绘地理信息局建设的地理信息综合服务网站。集成了来自国家、省、市#xff08;县#xff09;各级测绘地理信息部门#xff0c;以及相关政府部门、企事业单位 、社会团体、公众的地理信息公共服务资源#xff0c;如果做的项目是政府部门、企事业单位尽量选…“天地图”是国家测绘地理信息局建设的地理信息综合服务网站。集成了来自国家、省、市县各级测绘地理信息部门以及相关政府部门、企事业单位 、社会团体、公众的地理信息公共服务资源如果做的项目是政府部门、企事业单位尽量选择天地图因为相比其他几家服务商更加权威。 第一步登录/注册 国家地理信息公共服务平台 第二步点击我 点击控制台 会提示注册为开发者
第三步注册开发者后 创建新应用 选择浏览器端可以不填白名单 里面有 您的密钥
第四步复制 下面的html
!DOCTYPE html
html
headmeta charsetUTF-8 /titleHELLO WORLD/titlescript typetext/javascript srchttp://api.tianditu.gov.cn/api?v4.0tk您的密钥/scriptscriptvar map;var zoom 5;//默认级别19级20米18级50米 17级100米,15级500米14级1公里13级2公里 12级5公里11级10公里10级20公里,5级 中国function onLoad() {//找到DIV初始化//参数 projection: EPSG:4326 倾斜 900913map new T.Map(mapDiv, {projection: EPSG:3785})// 中心点和初始化级别map.centerAndZoom(new T.LngLat(116.40769, 39.89945), zoom);//改变底色//map.setStyle(indigo)//创建一个点var lng1 new T.LngLat(116.411794, 39.9068);// 创建标注对象var marker new T.Marker(lng1);// 点击标注点marker.addEventListener(click, (e) {console.log(e)})// 创建文本对象var label new T.Label({text: 用户1,position: lng1,offset: new T.Point(-9, 0)});//向地图上添加标注map.addOverLay(marker);//向地图上添加文本map.addOverLay(label);//2秒后级别为19 且移动到 创建的点setTimeout(function () {map.setZoom(19);map.panTo(lng1);}, 2000);}/script
/head
body onLoadonLoad()div idmapDiv styleposition:absolute;width:1500px; height:900px/div开发文档 http://lbs.tianditu.gov.cn/api/js4.0/examples.html
/body
/html
到此 初始化创建标注点标注点加文字放大地图移动到标注点 都已实现
