百度api地图

最新推荐文章于 2023-06-15 14:36:39 发布

WGS.

最新推荐文章于 2023-06-15 14:36:39 发布

阅读量840

点赞数 2

分类专栏： # 前端

本文链接：https://blog.csdn.net/qq_42363032/article/details/103945226

版权

前端专栏收录该内容

46 篇文章

订阅专栏

本文介绍了一个使用百度地图API的应用实例，展示了如何在网页中嵌入地图，设置地图的中心点坐标和缩放级别，以及如何添加地图类型控件和启用鼠标滚轮缩放功能。此外，还提供了一个链接，用于查看全国主要城市的中心点坐标。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&amp;ak=DmvaTbVhDI5FzcLmG8zcZQdPllicdMXQ"></script>
<div id="allmap"></div>

 body,html,#allmap {
	width:80%; /*长宽*/
	height:80%;
	overflow:hidden;
	margin:0;
	font-family:"微软雅黑";
}

 	<script>
        // 百度地图API功能
        var map = new BMap.Map("allmap"); // 创建Map实例
        map.centerAndZoom(new BMap.Point(116.395645038,39.9299857781), 13); // 初始化地图,设置中心点坐标和地图级别
        //添加地图类型控件
        map.addControl(new BMap.MapTypeControl({
            mapTypes: [
                BMAP_NORMAL_MAP,
                BMAP_HYBRID_MAP
            ]
        }));
        map.setCurrentCity("北京"); // 设置地图显示的城市 此项是必须设置的
        map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
    </script>