OpenLayers根据两点连线

最新推荐文章于 2024-10-18 16:23:41 发布

原创

最新推荐文章于 2024-10-18 16:23:41 发布 · 5.8k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#OpenLayers

本文介绍如何利用OpenLayers库在地图上绘制从一点到另一点的直线连接。通过下载OpenLayers库并应用相关方法，可以实现在地图上的动态连线效果。

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>根据经度纬度连线</title>
    <link rel="stylesheet" href="OpenLayers-2.13/theme/default/style.css" type="text/css">
	<script src="OpenLayers-2.13/lib/OpenLayers.js" type="text/javascript"></script>
  </head>
  <body>
  	<div id="map" class="smallmap"></div>
  	<script type="text/javascript">
  		/*
  		OpenLayers.Feature.Vector构造方法有三个参数：geometry、attributes、style。
  		geometry：此功能表示的几何图形。
  		OpenLayers.Geometry.fromWKT：给定一个给定的文本字符串的几何结构。它的参数为String,一个表示已知文本的几何结构的字符串。
  		OpenLayers.Geometry.LineString：一个线是一条曲线，一旦两点已被添加到它，不能少于二点长。构造方法为points，用于生成线点的数组。
  		*/
  		var points="-90 90,90 -90,100 50,150 80.66666";
  		var features=[
  			new OpenLayers.Feature.Vector(
  				OpenLayers.Geometry.fromWKT("LineString("+points+")"