腾讯地图html代码,腾讯地图API使用参考.html

Hello world!

#container {

/*地图(容器)显示大小*/

width: 1200px;

height: 400px;

}

//地图初始化函数，本例取名为init，开发者可根据实际情况定义

function initMap(x, y) {

//定义地图中心点坐标

var center = new TMap.LatLng(x, y)

//定义map变量，调用 TMap.Map() 构造函数创建地图

var map = new TMap.Map(document.getElementById('container'), {

center: center,//设置地图中心点坐标

zoom: 15, //设置地图缩放级别

pitch: 20, //设置俯仰角

rotation: 45, //设置地图旋转角度

viewMode: '2D'

});

}

// 获取地理位置授权(授权成功后获取定位信息并初始化腾讯地图)

function getLocation() {

if (navigator.geolocation) {

navigator.geolocation.getCurrentPosition((res) => {

let x = res.coords.latitude;

let y = res.coords.longitude;

initMap(x, y);

}, err => {

console.log(err);

initMap(39.909604, 116.397228);

});

} else {

alert("该浏览器无法使用定位");

initMap(39.909604, 116.397228);

}

}

getLocation();

一键复制

编辑

Web IDE

原始数据

按行查看

历史