Html实现百度基本地图实现

最新推荐文章于 2024-04-04 05:42:03 发布

夏小白.

最新推荐文章于 2024-04-04 05:42:03 发布

阅读量1.1k

点赞数

分类专栏：百度地图文章标签： html

本文链接：https://blog.csdn.net/xia1140418216/article/details/108132389

版权

百度地图专栏收录该内容

4 篇文章 0 订阅

订阅专栏

 <!DOCTYPE html>
  <html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
    body, html,#allmap {width: 100%;height: 100%;overflow:   hidden;margin:0;font-family:"微软雅黑";}
</style>
<script type="text/javascript" src="//api.map.baidu.com/api?v=2.0&ak=A30zzID7Nm83tGTTjgegr7IbzIOSjCYA"></script>
<title>地图展示</title>
 </head>
<body>
 <div id="allmap"></div>
  </body>
  </html>
    <script type="text/javascript">
    	// 百度地图API功能
var map = new BMap.Map("allmap");    // 创建Map实例
map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 初始化地图,设置中心点坐标和地图级别  1-19
//添加地图类型控件
map.addControl(new BMap.MapTypeControl({
	mapTypes:[
        BMAP_NORMAL_MAP,	//默认样式
        BMAP_HYBRID_MAP		//混合样式
    ]}));
    
    
map.setCurrentCity("北京");          // 设置地图显示的城市 此项是必须设置的
map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放


  </script>

优惠劵

夏小白.

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
Html实现百度基本地图实现

<!DOCTYPE html> <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><style type="text/css"> body, html,#allmap.
复制链接

扫一扫