系列链接：

Java web与web gis学习笔记（一）——Tomcat环境搭建

Java web与web gis学习笔记（二）——百度地图API调用

JavaWeb和WebGIS学习笔记（三）——GeoServer 发布shp数据地图

一.申请百度地图开发者

百度地图API是为开发者免费提供的一套基于百度地图服务的应用接口，包括JavaScript API、Web服务API、Android SDK、iOS SDK、定位SDK、车联网API、LBS云等多种开发工具与服务，提供基本地图展现、搜索、定位、逆/地理编码、路线规划、LBS云存储与检索等功能，适用于PC端、移动端、服务器等多种设备，多种操作系统下的地图应用开发

---------百度百科

开发web应用需要用到的是百度地图提供的JavaScript API。百度地图的JavaScript API是一套由JavaScript语言编写的应用程序接口，可以很方便地实现我们需要的地图功能。使用API我们需要注册百度账号，并认证成为开发者。

1.注册并登陆百度账号

登录百度地图开放平台

2.根据自己的需要认证开发者

在百度地图开放平台->控制台找到"开发者认证"，根据需要填写资料，认证开发者

3.获取密钥（AK）

在控制台中找到"我的应用"，创建应用，选择应用类型为“浏览器端”，Referer白名单填写*即可



创建完毕就可以看到刚刚申请的AK了！

二.调用百度地图API

关于百度地图JavaScript API的使用，官方文档给出了详细的使用说明和示例，关于地图的展示、控件的添加、定位等功能的实现方法都比较清晰了，需要用到什么功能直接查询文档即可。当然，文档示例不可避免存在一些问题，需要自己在实际应用中甄别。

在使用时将图中圈出的位置替换成自己刚刚生成的AK就可以引入百度地图的JS脚本啦，这里给出一个简单的Demo，通过浏览器打开就可以看效果（将密钥替换为自己的密钥噢）。

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <meta name="viewport" content="initial-scale=1, user-scalable=no" />

    <style type="text/css">

        body, html{width: 100%;height: 100%;margin:0;font-family:"微软雅黑";}

        #allmap{height:600px;width:1000px;}

    </style>

    <!-- 设置你的百度地图ak -->

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你的密钥"></script>

    <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/1.6.4/jquery.js"></script>

    <title>百度地图显示</title>

</head>

<body>

    <div id="allmap" ></div>

    <input type="button" onclick="$('#allmap').toggle();" value="隐藏/显示百度地图"/>

    <input type="button" onclick="setCenter()" value="显示武汉大学"/>

</body>

</html>

<script src="https://cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>

<script type="text/javascript">

    // 创建地图对象

    var map = new BMap.Map("allmap");

    // 初始化地图,用城市名设置地图中心点，显示比例级别

    map.centerAndZoom("武汉",15);

    //鼠标滚动缩放

    map.enableScrollWheelZoom(true);

    //添加地图类型控件

    map.addControl(new BMap.MapTypeControl());

    function setCenter(){

        var point = new BMap.Point(114.372519,30.540647);   //根据坐标创建点

        map.centerAndZoom(point,16);    //用点坐标设置地图中心并显示比例级别

    }

</script>

Java web与web gis学习笔记（二）——百度地图API调用的更多相关文章

  1. python3.4学习笔记(二十五) Python 调用mysql redis实例代码

    python3.4学习笔记(二十五) Python 调用mysql redis实例代码 #coding: utf-8 __author__ = 'zdz8207' #python2.7 import ...

  2. Android学习笔记之百度地图

    步行路线搜索及RouteOverlay 方式与驾车路线搜索类似,只需将mMKSearch.drivingSearch(null, start, null, end)修改为mMKSearch.walki ...

  3. Java web与web gis学习笔记（一）——Tomcat环境搭建

    系列链接: Java web与web gis学习笔记(一)--Tomcat环境搭建 Java web与web gis学习笔记(二)--百度地图API调用 JavaWeb和WebGIS学习笔记(三)-- ...

  4. python3.4学习笔记(二十四) Python pycharm window安装redis MySQL-python相关方法

    python3.4学习笔记(二十四) Python pycharm window安装redis MySQL-python相关方法window安装redis,下载Redis的压缩包https://git ...

  5. amazeui学习笔记二（进阶开发5）--Web 组件开发规范Rules

    amazeui学习笔记二(进阶开发5)--Web 组件开发规范Rules 一.总结 1.见名知意:见那些class名字知意,见函数名知意,见文件名知意 例如(HISTORY.md Web 组件更新历史 ...

  6. amazeui学习笔记二（进阶开发2）--Web组件简介Web Component

    amazeui学习笔记二(进阶开发2)--Web组件简介Web Component 一.总结 1.amaze ui:amaze ui是一个web 组件, 由模板(hbs).样式(LESS).交互(JS ...

  7. java之jvm学习笔记二(类装载器的体系结构)

    java的class只在需要的时候才内转载入内存,并由java虚拟机的执行引擎来执行,而执行引擎从总的来说主要的执行方式分为四种, 第一种,一次性解释代码,也就是当字节码转载到内存后,每次需要都会重新 ...

  8. Java IO学习笔记二

    Java IO学习笔记二 流的概念 在程序中所有的数据都是以流的方式进行传输或保存的,程序需要数据的时候要使用输入流读取数据,而当程序需要将一些数据保存起来的时候,就要使用输出流完成. 程序中的输入输 ...

  9. 学习笔记(二)--->《Java 8编程官方参考教程（第9版）.pdf》:第七章到九章学习笔记

    注:本文声明事项. 本博文整理者:刘军 本博文出自于: <Java8 编程官方参考教程>一书 声明:1:转载请标注出处.本文不得作为商业活动.若有违本之,则本人不负法律责任.违法者自负一切 ...

随机推荐

  1. C# 委托应用总结（委托,Delegate,Action,Func,predicate）

    C# 委托应用总结 一.什么是委托 1.1官方解释 委托是一种定义方法签名的类型.当实例化委托时,您可以将其实例与任何具有兼容签名的方法相关联.您可以通过委托实例调用方法. 1.2个人理解 委托就是执 ...

  2. KCP协议：从TCP到UDP家族QUIC/KCP/ENET

    行文前先安利下<再深谈TCP/IP三步握手&四步挥手原理及衍生问题-长文解剖IP >.<再谈UDP协议-浅入理解深度记忆> KCP协议科普 KCP是一个快速可靠协议,能 ...

  3. Struts2的Action中获取request对象的几种方式？

    通过ActionContext.getSession获取 通过ServletActionContext.getRequest()获取 通过SessionAware接口注入 通过ServletReque ...

  4. nginx简介&nginx基本配置和优化

    一.nginx简介 1.nginx的发展 Nginx是俄罗斯人编写的一款高性能HTTP和反向代理服务器.Nginx能够选择高效的epoll(Linux2.6内核).kqueue(FreeBSD).ev ...

  5. MyBatis 实现一对一有几种方式?具体怎么操作的？

    有联合查询和嵌套查询,联合查询是几个表联合查询,只查询一次, 通过在 resultMap 里面配置 association 节点配置一对一的类就可以完成: 嵌套查询是先查一个表,根据这个表里面的结果的 ...

  6. 利用 ps 怎么显示所有的进程? 怎么利用 ps 查看指定进 程的信息？

    ps -ef (system v 输出) ps -aux bsd 格式输出 ps -ef | grep pid

  7. 7_线性控制器设计（Linear Controller Design）

    开环系统中 状态方程,其中A的特征值将决定这个系统的表现(稳定性或者收敛速度:特征值小于0时系统稳定) 如果开环系统特征值大于0时(即系统不稳定时): 可以引入输入量U时(U是关于状态变量X的函数), ...

  8. 饿了么组件库element-ui正则表达式验证表单，后端验证表单。

    前言 老是遇到一些朋友问一些element-ui组件使用相关的基础问题,因为官方文档上并没有提供所有琐碎的功能代码demo.从这里开始我会根据我实际遇到的问题记录一些常见的官方文档没有详述的功能代码, ...

  9. java中instanceof是怎么用的， 干什么使的，举例！

    instanceof关键字 instanceof是java中固有的关键字, 就像main, public一样,用法:aa instanceof AA 就是问aa是不是AA的一个实例, 是的话,就返回真 ...

  10. 【Android开发】【布局】各种TabLayout样式

    Demo