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/

最新文章

  1. ssm简单配置
  2. PHP PDO函数库详解
  3. HDU5950（矩阵快速幂）
  4. CSS的clip-path 一
  5. 利用javascript对提交数据验证
  6. 怎么看网站是否开启CDN加速？测试网站全国访问速度方法详解
  7. mouseleave 与 mouseout 的不同
  8. rank() | dense_rank() | row_number() over(PARTITION BY sex order by age desc ) 的区别
  9. xml_02
  10. POJ 2992 Divisors
  11. 经典算法面试题目-翻转一个C风格的字符串（1.2）
  12. PHP 学习笔记 （一）
  13. 从页面底部向上弹出dialog，消失时逐渐向下（转）
  14. 【leetcode】62. Uniqe Paths
  15. JFrame常用属性设置模板
  16. leetCode(66)-Excel Sheet Column Title
  17. 一张图搞定OAuth2.0
  18. php 接口与前端数据交互实现
  19. Elastic Stack之ElasticSearch分布式集群yum方式搭建
  20. node版本查看管理工具

热门文章

  1. Vuejs vm对象详解
  2. Numpy 数组简单操作
  3. The Little Prince-11/27
  4. 通过 Java 线程堆栈进行性能瓶颈分析
  5. 集合框架-Map集合
  6. NOIP模拟题 2017.11.6
  7. 【Python025-字典】
  8. Install jdk on Ubuntu16
  9. DataSnap服务器从xe2升级到xe5报错的处理
  10. main.dart