标签:百度地图 2.0 csdn 技术 ntc 利用 密钥 idt XML
1、问题背景
利用百度地图,展示某城市地图分布;初始化时,默认打开就是该城市
2、实现源码
<!DOCTYPE html>
<html>
<head>
<title>设置默认城市地图</title>
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=ak密钥"></script>
<style>
body,html,#map{
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
font-size: 12px;
font-family: "微软雅黑";
}
</style>
</head>
<body>
<div id="map"></div>
</body>
</html>
<script>
var map = new BMap.Map("map");
//初始化地图,centerAndZoom第一个参数为Point时,第二个参数的范围是3-19;对于移动端,centerAndZoom第一个参数为Point时,第二个参数的范围是3-18
map.centerAndZoom(new BMap.Point(114.309531, 30.59619),50);
//将控件添加到地图,一个控件实例只能向地图中添加一次
map.addControl(new BMap.MapTypeControl());
//设置地图显示的城市,默认为武汉
map.setCurrentCity("武汉");
//开启鼠标滚轮缩放
map.enableScrollWheelZoom(true);
//禁用地图拖拽
map.disableDragging(true);
</script>
再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow
标签:百度地图 2.0 csdn 技术 ntc 利用 密钥 idt XML
原文地址:https://www.cnblogs.com/odejsjhshw/p/10369111.html