最近上线一款项目,前端项目中使用到百度的地图用来显示公司地址,用了百度的地图生成器。地址链接:http://api.map.baidu.com/lbsapi/creatmap/index.html。

生成器很好用,直接把代码包拷到本地js中绑定一个div直接可以显示,部署在本地没问题,但是问题来了,扔到服务器上出了问题,就是说https不允许访问http的,因为生成器代码里需要引入百度的api,

然后把百度的http换成https也报错,在head头部中加上
<meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
还是不行,
后来看了一个博客:https://blog.csdn.net/weng_xianhu/article/details/82999656
就是说把地址换成

<script type="text/javascript" src="https://api.map.baidu.com/api?v=2.0&ak=你的ak&s=1"></script>

其中的ak需要去百度地图官网获取,地址是http://lbsyun.baidu.com/apiconsole/key,在这上面设置一下允许调用的域名,我当然写的自己公司的域名,然后本地肯定不行,因为没允许,扔到服务器上,ok可以了。

使用百度的地图生成器部署到https域名相关推荐

  1. 百度地图生成器添加标注不显示

    最近发现百度地图生成器生成的地图中标注的图片不显示,如下图: 很明显了,就是这个图标路径(http://app.baidu.com/map/images/us_mk_icon.png)的问题 在生成的 ...

  2. echarts加载百度地图离线部署

    echarts加载百度地图离线部署 功能描述: echarts中需要加载百度地图时,api文件和地图js文件都是在线的,如果离线不能使用,需要换种方式部署. 点击查看

  3. 让百度地图生成器里的“标注”内容展开--解决方案

    这篇文章简单的讲:直接复制文章里的"完整代码", 修改[坐标]和[公司信息]就完事了 代码 如果你用我写的代码,需要知道下面2个 百度地图生成器:http://api.map.ba ...

  4. 百度地图生成器里的标注内容默认展开

    百度地图生成器: http://api.map.baidu.com/lbsapi/createmap/index.html 百度地图拾取坐标系统: http://api.map.baidu.com/l ...

  5. [转载] python+selenium定时爬取丁香园的新冠病毒每天的数据,并制作出类似的地图(部署到云服务器)

    参考链接: Python vars() python+selenium定时爬取丁香园的新冠病毒每天的数据,并制作出类似的地图(部署到云服务器) 声明:仅供技术交流,请勿用于非法用途,如有其它非法用途造 ...

  6. html页面插入百度谷歌地图的方法

    html页面插入百度谷歌地图 一.百度地图 1.打开"百度地图生成器"的网址:http://api.map.baidu.com/lbsapi/creatmap/index.html ...

  7. python+selenium定时爬取丁香园的新冠病毒每天的数据,并制作出类似的地图(部署到云服务器)

    python+selenium定时爬取丁香园的新冠病毒每天的数据,并制作出类似的地图(部署到云服务器) 声明:仅供技术交流,请勿用于非法用途,如有其它非法用途造成损失,和本博客无关 目录 python ...

  8. 地图定义一个中间不动标注_高德地图吊打百度个性地图更新版,成为最佳分析图利器...

    转自:绿变变 本文已获得授权 说到区位分析图,如何获取地图一直以来是大家都在讨论的问题,不单单要获取地图,还需要那种可以单独调出建筑图层,交通路网图层,绿地图层,以及各项地图中的元素,毕竟我们做前期分 ...

  9. AR+LBS街景实景红包PokemonGo游戏捉妖夺宝营销解决方案定制开发暨百度高德地图Unity插件SDK

    AR+LBS街景实景红包PokemonGo游戏捉妖夺宝营销解决方案定制开发暨百度高德地图Unity插件SDK 作者 komstone https://blog.csdn.net/komstone/ar ...

  10. php生成站点地图,php生成百度站点地图sitemap.xml

    header("Content-type:text/html;charset=utf-8"); //php生成百度站点地图sitemap.xml //http://www.baid ...

最新文章

  1. python测试之道进阶,Pytest-Mock 进阶用法详解
  2. 【shell】shuf命令,随机排序
  3. WordPress 短代码集
  4. Discretized Streams: An Efficient and Fault-Tolerant Model for Stream Processing on Large Clusters
  5. 恋爱Linux(Fedora20)2——安装Java运行环境(JDK)
  6. 练习ddt-file_data时,报错UnboundLocalError local variable ‘value‘ referenced before assignment
  7. 学习php开发步骤,学习php设计模式 php实现模板方法模式
  8. is_file()和file_exists()
  9. mysql类型float_Mysql数据类型---FLOAT
  10. Windows10 上某些PPT无法显示缩略图
  11. ckplayer 解决flash全屏遮住了div元素,重写全屏/退出全屏方法
  12. java web报表开发_2020主流JAVA WEB报表工具对比
  13. python2/3 opencv的fitline函数
  14. 51单片机控制的自动感应调光、坐姿矫正智能台灯
  15. arm开发板移植openssl
  16. 基于SSM技术的医院在线预约诊疗系统设计与实现 毕业设计-附源码011130
  17. 五、T100固定资产之固定资产盘点管理篇
  18. FPGA学习笔记1.1——10人表决器
  19. golang爬虫colly 抓取豆瓣前250电影
  20. 大鱼app是什么 大鱼怎么省钱 ?

热门文章

  1. 前端,自定义印章效果
  2. 编辑邮件时去掉回车光标跟随
  3. Win7系统运行慢如何解决?——系统天地
  4. (java毕业设计)基于java汽车租赁管理系统源码
  5. 三步删除U深度,老毛桃,大白菜捆绑软件!!
  6. ACR122U Android端应用开发入道指南
  7. 河南高二计算机会考excel,(完整版)高中信息技术学业水平考试Word、Excel操作题考点总结...
  8. Linux基础知识-命令行
  9. 以接口请求的方式,解决移动端页面中字体文件过大的问题
  10. Java类加载机制与反射 jvm学习