openlayers入门之使用openlayers描述车辆运动轨迹

最新推荐文章于 2024-05-25 22:20:13 发布

键圣

最新推荐文章于 2024-05-25 22:20:13 发布

阅读量2.2w

点赞数 7

分类专栏： openlayers 文章标签： openlayers 运动轨迹 java 地图路径

本文链接：https://blog.csdn.net/jiaotuwoaini/article/details/51452095

版权

不介绍概念直接上例子，需要了解的可以直接看API

先来简单的，展示个地图看看

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'test.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
	<script src="openlayers/lib/OpenLayers.js"></script>
  </head>
  
  <body>
    <div id="map"></div>
  </body>
  <script type="text/javascript">
	// 使用指定的文档元素创建地图
	var map = new OpenLayers.Map("map");

	// 创建一个 OpenStreeMap raster layer
	// 把这个图层添加到map中
	var osm = new OpenLayers.Layer.OSM();
	map.addLayer(osm);
	// 设定视图缩放地图程度为最大
	map.zoomToMaxExtent();

	</script>
</html>

看结果，

接下来我们把地图定位到北京，北京的经纬度大概是 lat = 39.9306804 lon = 116.3854147

我们设置地图的中心

代码是：

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'test.jsp' starting page</title>
    
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv

最低0.47元/天解锁文章

键圣

关注

7
点赞
踩
28

收藏

觉得还不错? 一键收藏
2
评论
openlayers入门之使用openlayers描述车辆运动轨迹

不介绍概念直接上例子，需要了解的可以直接看API先来简单的，展示个地图看看<%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>
复制链接

扫一扫