在HTML文件中插入百度地图

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

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

传送门: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中找到自己的效果后,其中不清楚的参数可以去类参考中查找


最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,256评论 19 139
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,533评论 25 709
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,294评论 4 61
  • 今日心情好多的你,睁开眼就亲吻我。 我的起床气老被你笑,说可爱… 各自上车去上班,相反的方向。 每一次我一离开,你...
    Ermao阅读 194评论 1 1
  • 今天的行程是从丽江回到大理,最后到昆明。在大理参观了白族的三道茶表演,三道茶:苦茶,甜茶,回味茶。寓意先苦后甜。 ...
    巨蟹0707阅读 230评论 0 0