浏览器端调用百度地图API，但地图没有正常显示

浏览器端调用百度地图API，但地图没有正常显示 

原因如下：

1、未输入AK（(Access Key）或类型错误

2、路径有误（url未添加http:或https:）

3、地图名称不一致

 

 

 

1、未输入AK（(Access Key）或类型错误

百度地图开发文档-JavaScript API

百度示例demo-地图展示

 

将 ak 替换成自己的密钥，注意自己使用的密钥类型，

若在浏览器端显示，不要错误地使用了“服务端”、“微信小程序”等类型。

 

 

2、路径有误（url未添加http:或https:）

 

 

百度地图的示例调用成功； 

如果切换到自己的HTML文件中，需要在src这里添加上http:或https:

 

 

3、地图名称不一致

确保HTML文件里的名称与JavaScript里创建的地图实例一致

 

本文引自：https://blog.csdn.net/MRWu007/article/details/105527434/