首页 > 其他 > 详细

天地图:加载天地图

时间:2019-09-09 12:09:27      阅读:164      评论:0      收藏:0      [点我收藏+]

1,首先需要引进官方的js:

1 <script  type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=密钥" ></script>

2,创建放地图的容器,并设置好id和容器的大小

<div id="mapDiv"></div>

3,加载基本底图

  

createdMap: function () {
      var that = this;
      this.map = new T.Map("mapDiv");
 

      //设置显示地图的中心点和级别
      //zoom缩放等级
       this. map.centerAndZoom(new T.LngLat(116.40969, 39.89945), zoom);

                //创建图片对象
            var icon = new T.Icon({
              iconUrl: that.imgUrl,//图片地址
              iconSize: new T.Point(19, 27),
              iconAnchor: new T.Point(10, 25)
            });
            //向地图上添加自定义标注
            var marker = new T.Marker(new T.LngLat(lon, lat), {
              icon: icon
            });
            this.map.addOverLay(marker);

      });

 

天地图:加载天地图

原文:https://www.cnblogs.com/MsHibiscus/p/11490343.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!