OpenLayers根据两点连线

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

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

<%@ 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+")"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值