pc网页中嵌入百度地图

pc网页中嵌入百度地图

1 打开百度地图生成器：

http://api.map.baidu.com/lbsapi/creatmap/

2 设置好了之后，点击获取代码，将代码粘贴到文件中保存为html文件

参考网址：https://jingyan.baidu.com/article/ce436649f1b5503772afd37a.html

                  https://jingyan.baidu.com/article/c45ad29cdc5d4f051753e2d2.html

 

3 有可能图标消失，中文乱码，解决如下（百度地图生成器 缺失标注）：

图标消失是原icon图片没有了,手动把

1. new BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png"  
2. /*修改为*/  
3. new BMap.Icon("http://map.baidu.com/image/us_mk_icon.png"  

中文乱码是因为生成的网页代码中,charset设置成gbk了，手动把

1. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />  
2. /*修改为*/  
3. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">  

自定义名字undefind是因为生成的代码有个错误，手动把69行左右的代码

1. var label = new BMap.Label(json.titlea,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});  
2. /*修改为*/  
3. var label = new BMap.Label(json.title,{"offset":new BMap.Size(json.icon.lb-json.icon.x+10,-20)});  
4. /*注意没titlea改成title*/  

参考网址：http://blog.csdn.net/sinat_33157758/article/details/68500674

　　　　　https://www.toolmao.com/baidumap-us-mk-icon

 

第二种：用地图名片

　　http://api.map.baidu.com/mapCard/