美文网首页
在HTML文件中插入百度地图

在HTML文件中插入百度地图

作者: 我不叫奇奇 | 来源:发表于2016-12-20 12:32 被阅读36次

很多时候我们需要在网页中插入地图,但又不知道怎么做。

现在我来给大家介绍一下在网页中插入百度地图的方法

传送门:http://developer.baidu.com/map/

一、注册百度开发平台获取密钥

  1. 点击JavaScript API


    点击JavaScript API
  2. 点击获取密钥


    点击获取密钥
  3. 点击创建应用


    点击创建应用
  4. 随便写项目名称,在IP白名单输入0.0.0.0


    随便写项目名称,在IP白名单输入0.0.0.0
  5. 提交

这就是我们要的密钥


二、查看示例demo选择想要实现的效果

三、将地图引入工程文件

  1. 将script文件引入的工程



    这里将密钥换成自己的密钥

  2. body中设置放置地图的容器


  3. 在script中创建地图实例

四、写出自己想要的地图效果

在示例demo中找到自己的效果后,其中不清楚的参数可以去类参考中查找


相关文章

  • 在HTML文件中插入百度地图

    很多时候我们需要在网页中插入地图,但又不知道怎么做。 现在我来给大家介绍一下在网页中插入百度地图的方法 传送门:h...

  • 创建并修改标注(VUE下的百度地图)

    - 百度地图API引用 index.html需要先引用API - 地图组件中HTML部分 - STYLE在JS中d...

  • 关于echarts获取下级区的通用方法

    复制下面代码到html文件中,即可直接看到效果,百度地图的ak值可以用我的

  • 菜鸟学习javascript2

    2.Javacsript怎么插入HTML 1.Javascript利用 标签插入到HTML中,外部引入js文件,需...

  • 地图map

    在页面中引入地图 首先要注册百度地图的开发者账号然后开始创建密钥 新建一个index.html 然后引用百度地图A...

  • Day20——html

    一、HTML头部 在 元素中你可以插入脚本(scripts), 样式文件(CSS),...

  • 😄Mapbox--引入,在地图上标注地点

    1:将mapbox引入进来 2:html文件 (1)在html中留出来,放置地图的位置; 3:结果展示

  • vue中引入百度地图

    第一种方案:(无效) 在index.html文件中引入百度地图 但是并没有用且报错 此处报错非常诡异,因为我采用动...

  • 如何在HTML上插入图片

    在HTML中插入图片的方法有:直接在html代码上插入、在CSS样式中插入、在JavaScript中通过给img设...

  • Vue中使用百度地图

    1、申请百度地图ak ak会在引入百度js的时候用到 2、引入百度地图js 在public/index.html里...

网友评论

      本文标题:在HTML文件中插入百度地图

      本文链接:https://www.haomeiwen.com/subject/hgixvttx.html