天地图使用

天地图(Tencent Maps)是一款中国最为流行的地图服务平台,下面是天地图的基础用法:

  1. 添加天地图控件:在 HTML 文件中添加天地图控件,例如:

Copy

<div id="container" style="width:400px;height:400px;"></div>
<script type="text/javascript" src="https://apis.map.qq.com/js?v=2.exp"></script>
<script>
    var map = new T.Map("container");
    map.centerAndZoom(new T.LngLat(116.407286, 39.984246), 12);
</script>
  1. 设置地图中心点和缩放级别:使用 centerAndZoom 方法设置地图中心点和缩放级别,例如:

Copy

map.centerAndZoom(new T.LngLat(116.407286, 39.984246), 12);

其中,LngLat 对象表示地图中心点的经纬度坐标,12 表示缩放级别。

  1. 添加地图标记:使用 addMarker 方法添加地图标记,例如:

Copy

var marker = new T.Marker(new T.LngLat(116.407286, 39.984246));
map.addOverlay(marker);

其中,LngLat 对象表示地图标记的经纬度坐标。

  1. 添加地图 polyline:使用 addPolyline 方法添加地图 polyline,例如:

Copy

var polyline = new T.Polyline([[116.407286, 39.984246], [116.407286, 39.984346]], {
    strokeColor: "#0000FF",
    strokeWeight: 2
});
map.addOverlay(polyline);

其中,[[116.407286, 39.984246], [116.407286, 39.984346]] 表示 polyline 的经纬度坐标,strokeColor 和 strokeWeight 表示 polyline 的颜色和宽度。

  1. 添加地图 polygon:使用 addPolygon 方法添加地图 polygon,例如:

Copy

var polygon = new T.Polygon([[116.407286, 39.984246], [116.407286, 39.984346], [116.407286, 39.984446]], {
    strokeColor: "#0000FF",
    strokeWeight: 2,
    fillColor: "#FF0000",
    fillOpacity: 0.5
});
map.addOverlay(polygon);

其中,[[116.407286, 39.984246], [116.407286, 39.984346], [116.407286, 39.984446]] 表示 polygon 的经纬度坐标,strokeColor 和 strokeWeight 表示 polygon 的边框颜色和宽度,fillColor 和 fillOpacity 表示 polygon 的填充颜色和透明度。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值