javascript调用百度地图api

百度地图提供sdk,javascript api等多种客户端调用方式，通常在网页上用的比较多，也就是javascript api，这里根据自己的使用，简单介绍一下如何快速使用javascript调用百度地图api。使用百度地图api，不像其他前端框架那样，我们可以在官网获得一个js库文件，然后通过<script src="path/to/lib.js"></script>的方式加入页面中。百度地图api的使用，需要我们注册成为开发者，然后获取一个类似私钥的东西，然后在页面上使用，没有私钥，我们无法调用地图api。

1、首先需要注册百度开发者：http://lbsyun.baidu.com/apiconsole/key

2、创建一个自己的应用，生成ak。

3、准备页面，在页面引入百度地图api的脚本并加上上一步中的ak参数。

<!doctype html>
<html><head><meta charset="UTF-8"/><title>map</title><style>html,body{height:100%;width:100%;padding:0;margin:0;}#root{height:100%;}</style><script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=YcP5EukTHUoFR3oObxdfBHTfA3EUgHET"></script></head><body><div id="root"></div><script type="text/javascript">var map = new BMap.Map("root");map.centerAndZoom(new BMap.Point(116.404,39.915),15)map.enableScrollWheelZoom()</script></body>
</html>

打开浏览器，访问页面，得到如下结果：

本示例只是简单介绍如何利用百度地图api得到一个地图，在实际中，我们需要结合自己的业务将地图使用起来，会增加很多标记，以及图层，让地图展示更加丰富的元素。让地图成为一个工具，而不仅仅是展示一个图形。

javascript调用百度地图api相关推荐

【c#】Form调用百度地图api攻略及常见问题
首先,在Form中调用百度地图api,我们需要使用webbrowser控件,这个在前面的文章中已经讲过了,可以参照(http://blog.csdn.net/buptgshengod/article/ ...
C#调用百度地图API入门解决BMap未定义问题
本文主要是最近帮助好友研究JavaScript的百度地图API,同时显示到C# Winform界面.同时遇到了BMap未定义的错误(BMap is not defined)及解决方法.以前写过基于An ...
【JavaScript】百度地图API快速上手
获取秘钥账号和获取秘钥很欣赏百度这个免费的feel,而且大家如果只是个人在本地的浏览器端运行网页,做简单的测试,基本是不受限的. 点击"申请秘钥"去申请秘钥: 设置应用接下来 ...
HTML5页面调用百度地图API,获取当前位置并导航到目的地
微信也可用, <!DOCTYPE html> <html lang="zh-cmn-Hans"><meta charset="UTF-8&q ...
HTML调用百度地图API，实现地图标注位置
HTML调用百度地图API,实现地图标注位置一.说明二.代码总结提示:以下是本篇文章正文内容,下面案例可供参考一.说明通过HTML调用百度地图API,在指定位置显示出地图,并且在目标位置标 ...
html插入地图的方法,JavaScript接入百度地图API的方法步骤
一.百度地图API接入 1.搜索百度地图开发平台 2.注册百度账号 3.登陆并申请成为开发者 4.在百度地图开发平台的首页选择控制台,在控制台中创建应用创建好应用以后就能在控制台我的应用中看到这个应 ...
调用百度地图API，如何只显示某个省份的地图
需求如下 1.调用百度地图API 2.只显示某个省份的地图如安徽省,其他的都不要显示实现步骤如下 1.调用百度地图Api,显示地图 https://blog.csdn.net/tian_jiangn ...
java百度地图插件下载地址_调用百度地图Api实现的查看地图功能的小插件
1. 功能 bMap.js 可根据地理位置调用出百度地图,采用弹出框形式 2.用法 var city = '青岛市'; var address = '香港中路'; bMap.init({ city : ...
百度地图AK申请注意+百度地图API生成热力图+调用百度地图API自动获取经纬度和地址
文章目录一.百度地图AK密钥申请二.调用百度地图API生成热力图三.调用百度地图API自动获取经纬度和地址一.百度地图AK密钥申请点击百度地图API控制台,输入登录账户,即可进入,若账户未完 ...

javascript调用百度地图api

javascript调用百度地图api相关推荐

最新文章

热门文章