百度地图定位显示

最新推荐文章于 2024-01-05 14:00:17 发布

java_exception_souji

最新推荐文章于 2024-01-05 14:00:17 发布

阅读量567

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/java_exception_souji/article/details/53929132

版权

java 专栏收录该内容

37 篇文章 1 订阅

订阅专栏

//单个地图显示

<html>

<head>
<title>百度地图</title>
<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
<script src="/static/js/jquery-1.8.3.min.js"></script>
</head>
<body>
<div id="container" style="width:1500px;height:200px;"></div>
</body>
<script type="text/javascript">
var map = new BMap.Map("container"); //在container容器中创建一个地图,参数container为div的id属性;
var point = new BMap.Point(116.29196833333334,40.043731666666666); //创建点坐标
map.centerAndZoom(point, 14); //初始化地图，设置中心点坐标和地图级别
map.enableScrollWheelZoom(); //激活滚轮调整大小功能
map.addControl(new BMap.NavigationControl()); //添加控件：缩放地图的控件，默认在左上角；
map.addControl(new BMap.MapTypeControl()); //添加控件：地图类型控件，默认在右上方；
map.addControl(new BMap.ScaleControl()); //添加控件：地图显示比例的控件，默认在左下方；

map.addControl(new BMap.OverviewMapControl()); //添加控件：地图的缩略图的控件，默认在右下方；

map.addControl(new window.BMap.Marker(point));//定位点显示红球标记

</script>

</html>

list地图显示

<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
<title>百度地图</title>
<script src="http://api.map.baidu.com/api?v=1.4" type="text/javascript"></script>
<script src="/static/js/jquery-1.8.3.min.js"></script>
</head>
<body>
<c:forEach items="${maps}" var="map" varStatus="i">
<div id="container${i.index }" style="width: 1500px; height: 200px;"></div>
<script>
var longitude = map.longitude;
var latitude = map.latitude;
//var data = ${maps};
//var longitude = data['${i.index}'].longitude;
//var latitude = data['${i.index}'].latitude;
var map = new BMap.Map("container"+'${i.index}'); //在container容器中创建一个地图,参数container为div的id属性;
var point = new BMap.Point(longitude,latitude); //创建点坐标
map.centerAndZoom(point, 14); //初始化地图，设置中心点坐标和地图级别
map.enableScrollWheelZoom(); //激活滚轮调整大小功能
map.addControl(new BMap.NavigationControl()); //添加控件：缩放地图的控件，默认在左上角；
map.addControl(new BMap.MapTypeControl()); //添加控件：地图类型控件，默认在右上方；
map.addControl(new BMap.ScaleControl()); //添加控件：地图显示比例的控件，默认在左下方；
map.addControl(new BMap.OverviewMapControl()); //添加控件：地图的缩略图的控件，默认在右下方； TrafficControl
map.addControl(new window.BMap.Marker(point));//定位点显示红球标记
</script>
</c:forEach>
</body>
</html>

java_exception_souji

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
百度地图定位显示

//单个地图显示百度地图 var map = new BMap.Map("container"); //在container容器中创建一个地图,参数container为div的id属性; var point = new BMap.Point(116.29196833333334,40.043731666666666)
复制链接

扫一扫