java 百度地图 api_[Java教程]百度地图API使用方法详解-程序员宅基地

技术标签: java 百度地图 api  

[Java教程]百度地图API使用方法详解

0 2017-01-08 00:00:14

最近做了个项目,其中项目中有个需求需要用到百度地图进行导航,通过查阅相关资料参考百度地图api完成了一个例子。

API地址:http://developer.baidu.com/map/jsdemo.htm#a1_2

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

地图展示

// 百度地图API功能

var map =new BMap.Map("allmap");// 创建Map实例

map.centerAndZoom("西安", 5);// 初始化地图,用城市名设置地图中心点

map.addControl(new BMap.MapTypeControl());//添加地图类型控件

map.setCurrentCity("深圳");// 设置地图显示的城市 此项是必须设置的

map.enableScrollWheelZoom(true);//开启鼠标滚轮缩放

var point =new BMap.Point(116.404, 39.915);

var marker =new BMap.Marker(point);// 创建点

map.addOverlay(marker);//添加点

map.removeOverlay(marker);//删除点

// 创建地址解析器实例

var myGeo =new BMap.Geocoder();

//批量解析

var adds = ["长沙","深圳","香港","郑州 ","惠州","南昌","赣州","中山","阳江","上海","无锡","南京"];

for (var i = 0; i < adds.length; i++) {

myGeo.getPoint(adds[i],function (point) {

if (point) {

var address =new BMap.Point(point.lng, point.lat);

var marker =new BMap.Marker(address);

map.addOverlay(marker);

var opts = {

width: 120,// 信息窗口宽度

height: 70,// 信息窗口高度

title:"项目信息" // 信息窗口标题

}

var infoWindow =new BMap.InfoWindow("查看详情", opts);// 创建信息窗口对象

marker.addEventListener("click",function () {

map.openInfoWindow(infoWindow,address);//开启信息窗口

});

}

},"深圳市");

}

getBoundary("中国");

function getBoundary(sRegion) {

var bdary =new BMap.Boundary();

bdary.get(sRegion,function (rs) {//获取行政区域

var count = rs.boundaries.length;//行政区域的点有多少个

for (var i = 0; i < count; i++) {

var ply =new BMap.Polygon(rs.boundaries[i], { strokeWeight: 2, strokeColor:"#4A7300", fillColor:"#FFF8DC" });//建立多边形覆盖物

map.addOverlay(ply);//添加覆盖物

}

});

}

效果如下:

bc91bb04e6e9c61e24c974e4440db8f2.gif

百度地图API是由JavaScript语言编写的,在使用之前需要将API引用到页面中:  现在新版本的需要密钥,下面用的是旧版的

显示广州火车站简单实例:

bc91bb04e6e9c61e24c974e4440db8f2.gif

百度地图API的使用

function initialize() {

//创建地图实例

var map =new BMap.Map('map');

//创建一个坐标

var point =new BMap.Point(113.264641,23.154905);

//地图初始化,设置中心点坐标和地图级别

map.centerAndZoom(point,15);

}

window.onload = initialize;

地图上添加控件:

bc91bb04e6e9c61e24c974e4440db8f2.gif

//添加控件

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

MapTypeControl ---------地图类型控件

CopyrightControl --------版权控件

ScaleControl       --------比例尺控件

NavigationControl  ------缩放控件

OverviewMapControl  ----缩略图控件

创建标注:

bc91bb04e6e9c61e24c974e4440db8f2.gif

var marker =new BMap.Marker(point);// 创建标注

map.addOverlay(marker);// 将标注添加到地图中

创建信息窗口:

bc91bb04e6e9c61e24c974e4440db8f2.gif

var infoWindow =new BMap.InfoWindow("I am here");// 创建信息窗口对象

map.openInfoWindow(infoWindow,point);//开启信息窗口

分享结尾最后附上百度地图偏移量:

经度校正值: 0.008774687519;

纬度校正值: 0.00374531687912; 本文网址:http://www.shaoqun.com/a/287629.html

*特别声明:以上内容来自于网络收集,著作权属原作者所有,如有侵权,请联系我们:[email protected]

百度

0

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/weixin_36039434/article/details/114423372

智能推荐

project2016调配资源冲突-程序员宅基地

文章浏览阅读5.4k次,点赞9次,收藏26次。(1) Project查看资源负荷情况的方法和结果在工时类资源会存在资源过度分配(在同一个时间段给工时类资源分配的资源超出了他的最大单位)的情况,而成本类、材料类资源则不会有、查看资源负荷的方法有:在视图栏------资源图表如下图在这里我们可以看到每个资源的分配状况,如下图滚动鼠标滑轮就会出现不同的资源分配状况此时选择“资源”—“下一个资源过度分配处”如下图总结:甘特图、..._project2016调配资源冲突

推荐算法知识图谱模型(二):KGCN-程序员宅基地

文章浏览阅读235次。常用的KGE方法侧重于建模严格的语义相关性(例如,TransE和TransR假设头+关系=尾),这更适合于KG补全和链接预测等图内应用,而不是推荐。更自然、更直观的方法是直接设计一个图算法来利用KG结构。_图谱模型

ajax跨域与cookie跨域_一级域名 的cookie ajax 请求二级域名时获取cookie-程序员宅基地

文章浏览阅读389次。ajax跨域ajax跨域取数据(利用可以跨域加载js的原理 functioncallback(){ }这是需要返回这样一个js函数)ajax数据类型使用jsonp :如 ajax{ url:..._一级域名 的cookie ajax 请求二级域名时获取cookie

Flutter从0到1实现高性能、多功能的富文本编辑器(基础实战篇)_flutter 富文本-程序员宅基地

文章浏览阅读1.3k次,点赞2次,收藏2次。在上一章中,我们分析了一个富文本编辑器需要有哪些模块组成。在本文中,让我们从零开始,去实现自定义的富文本编辑器。注:本文篇幅较长,从失败的方案开始分析再到成功实现自定义富文本编辑器,真正的从0到1。— 完整代码太多, 文章只分析核心代码,需要源码请到代码仓库作为基础的富文本编辑器实现,我们需要专注于简单且重要的部分,所以目前只需定义标题、文本对齐、文本粗体、文本斜体、下划线、文本删除线、文本缩进符等富文本基础功能。//定义默认颜色​...///用户自定义颜色解析。_flutter 富文本

新一代异步IO框架——io_uring 架构-程序员宅基地

文章浏览阅读30次。近年来,Linux社区开发了一种新的异步IO框架,称为io_uring。io_uring通过提供高度可扩展和高性能的异步IO接口,有效地解决了传统异步IO框架中的一些性能瓶颈和限制。io_uring已经成为许多高性能应用程序的首选异步IO框架,为开发者提供了更好的IO处理能力。io_uring 架构是建立在Linux内核之上的,它使用了一组新的系统调用和内核机制,以提供高性能和低延迟的异步IO操作。io_uring的设计目标是提供一种简单而强大的接口,使得开发者可以轻松地利用异步IO的优势。

耗时一个月!期末熬夜复习整理 | 计算机网络(谢希仁第七版)大合集【知识点+大量习题讲解】_计算机网络期末复习题-程序员宅基地

文章浏览阅读2.5w次,点赞204次,收藏1.8k次。期末计网满绩计划教材:计算机网络(第七版)谢希仁版目录1. 概述2. 物理层3. 数据链路层(次重点)4. 网络层(重点)5. 运输层(重点)6. 应用层7. 网络安全最后1. 概述第一章概述2. 物理层第二章物理层3. 数据链路层(次重点)第三章数据链路层4. 网络层(重点)第四章网络层5. 运输层(重点)第五章运输层6. 应用层第六章应用层7. 网络安全稍后发布最后小生凡一,期待你的关注。..._计算机网络期末复习题

随便推点

使用matplotlib绘图实现动态刷新(动画)效果_matplotlib 动态刷新-程序员宅基地

文章浏览阅读4.8k次,点赞7次,收藏36次。最近在做四足的运动学仿真,因为这一段时间用python比较多,所以想直接用python做运动仿真,通过画图来展示步态和运动效果。了解了一下matplotlib库之后又参考了一些网上的博客,成功实现了绘图动态刷新的效果,类似动画效果。_matplotlib 动态刷新

Apache Kafka 可视化工具调研_kafka-console-ui-程序员宅基地

文章浏览阅读3k次。Apache Kafka 可视化工具调研_kafka-console-ui

如何编译部署独立专用服务端(Standalone Dedicated Server)【UE4】_ue4 独立服务器搭建-程序员宅基地

文章浏览阅读1.4k次。一、下载源码及编译原文链接首先需要unrealengine官网上注册并加入github开发组才有权限进入下面地址。https://github.com/EpicGames/UnrealEngine/tags注意:编译专用服务器,只能用源码编译版本的引擎,安装版本的引擎无法编译Server。打开页面后下载一个最新的release版本,解压出来后先运行Setup.bat,会自动下载资源..._ue4 独立服务器搭建

Hadoop 序列化机制_hadoop final-程序员宅基地

文章浏览阅读493次。序列化是指将结构化对象转化为字节流以便在网络上传输或者写到磁盘上进行永久存储的过程,反序列化是指将字节流转回结构化对象的逆过程序列化用于分布式处理的两大领域,进程间通信和永久存储。在Hadoop中,系统中多个节点上进程间的通信是通过“远程过程调用”(remote procedure call, RPC)实现的。RPC将消息序列化成二进制流后发送到远程节点,远程节点接着将二进制流饭序列化为原始..._hadoop final

tinymce富文本编辑器实现本地图片上传_tinymce images_upload_handler-程序员宅基地

文章浏览阅读5.7k次,点赞3次,收藏6次。在开发过程中使用tinymce富文本编辑器,发现他的图片上传默认是上传网络图片那么如何实现上传本地图片呢,上官网逛一圈,发现其实很简单在官网中找到下面这张图片,并且有相关的例子这里,我使用了自定义函数images_upload_handler (blobInfo, success, failure) { const url = 'uploadImg' ..._tinymce images_upload_handler

SpringCloud-拜托!面试请不要再问我Spring Cloud底层原理实战_spring cloud +sql springcloud底层组件-程序员宅基地

文章浏览阅读2.6k次,点赞5次,收藏14次。上一篇我们说到《拜托!面试请不要再问我Spring Cloud底层原理》,我们大概了解了Spring Cloud中各个组件的作用以及其背后实现的原理。但是俗话说得好,实践是检验真理的唯一标准。这一篇我们动手实践一下,即搭建一个包含订单服务、库存服务、仓库服务、积分服务的微服务架构项目。一、项目的工程结构工程名 服务名 端口号 shop-parent 父工程 ..._spring cloud +sql springcloud底层组件