百度地图配合java 代码制作地图

引入百度api、js和地图样式

<script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css" />

初始化地图

var map = new BMap.Map("popClsbox");//在百度地图容器中创建一个地图window.map=map;createMap();//创建地图function createMap() {map.centerAndZoom("上海", 12);//定义一个中心点坐标map.addControl(new BMap.NavigationControl()); // 添加平移缩放控件map.addControl(new BMap.ScaleControl()); // 添加比例尺控件map.addControl(new BMap.OverviewMapControl()); //添加缩略地图控件map.enableScrollWheelZoom(); //启用滚轮放大缩小map.addControl(new BMap.MapTypeControl({mapTypes : [ BMAP_NORMAL_MAP, BMAP_HYBRID_MAP ]}));      }

给地图添加右菜单

function createMap() {同上内容...var contextMenu = new BMap.ContextMenu();var txtMenuItem = [{text : '放置到最大级',callback : function() {map.setZoom(18);}},{text : '查看全国',callback : function() {map.setZoom(4);}} ];for ( var i = 0; i < txtMenuItem.length; i++) {contextMenu.addItem(new BMap.MenuItem(txtMenuItem[i].text,txtMenuItem[i].callback, 100));if (i == 1 || i == 3) {contextMenu.addSeparator();}}map.addContextMenu(contextMenu);}

初始化时自动添加坐标

<%给页面传递一个maps集合，对应一下展示if(mapmodels!=null&&mapmodels.size()>0){for(int i=0;i<mapmodels.size();i++){Mapmodels mapmodel=mapmodels.get(i);%>var point = new BMap.Point(<%=map.getX() %>, <%=mapmodel.getY() %>); //初始化地图中心点var marker<%=i%> = new BMap.Marker(point); //初始化地图标记map.addOverlay(marker<%=i%>); //在地图中添加marker<%}}%>

给坐标添加tip信息窗口

如使用tip 信息窗口展示，直接替换上面内容,内容中粗体字为添加tip内容
<%给页面传递一个maps集合，对应一下展示if(mapmodels!=null&&mapmodels.size()>0){for(int i=0;i<mapmodels.size();i++){Mapmodels mapmodel=mapmodels.get(i);%>var point = new BMap.Point(<%=map.getX() %>, <%=mapmodel.getY() %>); //初始化地图中心点<strong>var manage='自定义tip信息窗口显示的内容';            例如：manage +='<p>地址：<%=mapmodel.getAddress() %></p>';           //创建检索信息窗口对象var searchInfoWindow<%=i%> = null;searchInfoWindow<%=i%> = new BMapLib.SearchInfoWindow(map, manage, {title  : "<%=mapmodel.getName() %>",      //标题，此处可自定义html内容width  : 458,             //宽度height : 150,              //高度enableAutoPan : true,     //自动平移enableSendToPhone: false,searchTypes :[]});</strong>var marker<%=i%> = new BMap.Marker(point); //初始化地图标记<strong>marker<%=i%>.addEventListener("click", function(e){searchInfoWindow<%=i%>.open(marker<%=i%>);});</strong>map.addOverlay(marker<%=i%>); //在地图中添加marker<%}}
%>

本文主要针对展示页面来进行总结，不包含后台录入坐标，后期会逐步加上，谢谢！

以下部分不针对mapabc，也不高捧百度地图，完全是个人经验所得，如有异议可评论，请谅解！

经验总结：我在使用地图过程中，首先使用的mapabc 然后转为百度地图，主要原因是由于坐标在录入时，通过检索等方式查找某个地址时，mapabc 针对检索的内容太过于广泛或者可以说缺乏详细搜索，从而无法精确的查找到大部分地址，所以改从使用百度地图，该地图在搜索方面比较晚上，它的数据精确度很高，可以快速的查找到某个地址从而进行准确定位。再一个就是考虑到百度地图针对目前行业来说，地图做的还是想当可以的，所以个人推荐入使用地图，尽量使用百度地图。

百度地图配合java 代码制作地图相关推荐

腾讯地图影像瓦片数据爬取--java代码（地图数据篇.9）
听老人家说:多看美女会长寿地图之家总目录(建议先查看该内容) 文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信"博主. 效果如下所示: 爬取后的瓦片数据可通过nginx ...
【python绘制地图】使用folium制作地图，可解决多数问题
Python使用folium制作地图并生成png图片第一章 folium的方法和类的介绍(思维导图) 第二章使用folium制作地图第三章 folium实用功能进阶第三章使用Html2Ima ...
如何将写好的java代码制作成镜像，并上传到镜像仓库
学习docker已经有三个月了,之前总是一股脑的学,没有静下心来做整理,现在终于有时间可以好好整理三个月的学习成果了,今天就整理一下如何将写好的代码制作成镜像并将镜像上传到代码仓库. 1.代码编写本 ...
java代码制作activiti会签_工作流 activiti 自定义下一审批人和多人会签的简单实现...
1.动态指定下一审批人在这里我使用的是监听器模式首先看整体的流程图在需要动态指定审批人的节点上添加一个任务监听器这是已经添加好的监听器选择create 然后将需要使用的监听器路径写上. j ...
百度午夜蓝地图瓦片数据爬取--java代码（地图数据篇.15）
听老人家说:多看美女会长寿地图之家总目录(建议先查看该内容) 文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信"博主. 效果如下所示: 爬取后的瓦片数据可通过nginx ...
百度地图瓦片数据爬取--java代码（地图数据篇.2）
听老人家说:多看美女会长寿地图之家总目录(建议先查看该内容) 文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信"博主. 效果如下所示: 爬取后的瓦片数据可通过nginx ...
天地图瓦片数据爬取--java代码（地图数据篇.1）
听老人家说:多看美女会长寿地图之家总目录(建议先查看该内容) 文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信"博主. 效果如下所示: 爬取后的瓦片数据可通过nginx ...
高德地图、google、openstreenmap地图瓦片数据爬取--java代码（地图数据篇.3）
听老人家说:多看美女会长寿地图之家总目录(建议先查看该内容) 文章末尾处提供保证可运行完整代码包,运行如有问题,可"私信"博主. 效果如下所示: 爬取后的瓦片数据可通过nginx ...
使用Java代码制作二维码（超级简单）
操作步骤真的是灰常简单,导入三个jar包,十几行代码就搞定了. 源代码和jar包已经打包放在阿里云盘里面,文末有链接. import com.google.zxing.BarcodeFormat; ...

百度地图配合java 代码制作地图

百度地图配合java 代码制作地图相关推荐

最新文章

热门文章