百度地图-设置默认城市

Posted odejsjhshw

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了百度地图-设置默认城市相关的知识,希望对你有一定的参考价值。

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>

3、实现结果

 

技术图片

再分享一下我老师大神的人工智能教程吧。零基础!通俗易懂!风趣幽默!还带黄段子!希望你也加入到我们人工智能的队伍中来!https://blog.csdn.net/jiangjunshow



以上是关于百度地图-设置默认城市的主要内容,如果未能解决你的问题,请参考以下文章

百度LBS地图的Web端开发实战

Vue中使用百度地图 官网全国主要城市空气质量 - 百度地图案例代码

jQuery实现百度地图中的城市列表?

如何调用百度地图API

在网页中插入百度地图(实例)

百度地图三维效果实现