调用百度地图API
2021-01-20 19:15
标签：UNC jwt ref inter href 中心 zoom ati utf-8 百度地图开发文档地址：http://lbsyun.baidu.com/index.php?title=jspopular3.0 我申请的秘钥：ycawI3hjWts4zQ0Et4O0GyxXfI5jWF6b zM2RKSEjDrpFwwuhQ84gdLfls57asX20 了解更多请查看文档 。 调用百度地图API 标签：UNC jwt ref inter href 中心 zoom ati utf-8 原文地址：https://www.cnblogs.com/fqh123/p/12122101.htmlDOCTYPE html>
html lang="en">
head>
meta charset="UTF-8">
meta name="viewport" content="width=device-width, initial-scale=1.0">
meta http-equiv="X-UA-Compatible" content="ie=edge">
title>Documenttitle>
script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=ycawI3hjWts4zQ0Et4O0GyxXfI5jWF6b">script>
style>
/* 地图容器样式 */
#container{
width:100%;
height:500px;
}
style>
head>
body>
div id="container">div>
script>
// 创建地图实例
var map = new BMap.Map("container");
// 设置中心坐标点
var point = new BMap.Point(116.404, 39.915); //这里设置成天安门的坐标
// 地图初始化 设置中心坐标及地图级别
map.centerAndZoom(point, 15);
//开启鼠标滚轮缩放
map.enableScrollWheelZoom(true);
var marker = new BMap.Marker(point);// 创建标注
map.addOverlay(marker);// 将标注添加到地图中
// 4000后地图的中心点移动到新的中心点
window.setTimeout(function(){
map.panTo(new BMap.Point(116.409, 39.918));
}, 4000);
script>
body>
html>