【踩过的坑】ReferenceError: BMap is not defined

最新推荐文章于 2023-11-10 09:33:32 发布

helloChou_J

最新推荐文章于 2023-11-10 09:33:32 发布

阅读量8.6k

点赞数 3

分类专栏：踩过的坑文章标签： javascript 百度 html

本文链接：https://blog.csdn.net/helloChou_J/article/details/106517963

版权

踩过的坑专栏收录该内容

2 篇文章 0 订阅

订阅专栏

直接复制粘贴百度地图API示例demo时，出现报错：ReferenceError: BMap is not defined

后来查了好久，才发现是引用的时候没有加http: 🥵🥵🥵

正确的代码(记得加抬头http:啊！)：<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=YourKey">

这样就可以实现百度地图初始化，示例demo如下：

<!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="http://api.map.baidu.com/api?v=2.0&ak=YourKey">
		</script>
		<title>地图展示</title>
	</head>
	<body>
		<div id="allmap"></div>
	</body>
</html>

<script type="text/javascript">
	var map = new BMap.Map("allmap");    
	map.centerAndZoom(new BMap.Point(116.404, 39.915), 11);  // 设置中心点
	map.centerAndZoom( "孝感");
	map.setCurrentCity("孝感");
	map.addControl(new BMap.MapTypeControl());   
	map.enableScrollWheelZoom(true);    
</script>