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、实现结果
时间: 2024-10-09 21:22:13