美文网首页
openlayer常用方法

openlayer常用方法

作者: 羊驼626 | 来源:发表于2020-06-28 15:53 被阅读0次

https://openlayers.org/en/latest/apidoc/module-ol_proj.html

1.openlayer将经纬度坐标转换为其他坐标(默认为Web Mercator,即“ EPSG:3857”): fromLonLat()

import View from "ol/View";
import { fromLonLat } from "ol/proj.js";

const view = new View({
        center: fromLonLat([120, 30]),
        zoom: 10,
      }),

2.将openlayer投影坐标(默认值为Web Mercator,即“ EPSG:3857”)转化为经纬度坐标: toLonLat()

import View from "ol/View";
import { toLonLat} from "ol/proj.js";

const view = new View({
        center: toLonLat([13394526.254552547, 3542796.544589571]), // 转化后的经纬度为[120.32507658004761, 30.30485450053733]
        zoom: 10,
      }),

3. 地图定位到某一个坐标点

import Map from "ol/Map";

const map = new Map();
const view = map.getView();
view.setZoom(18);
view.setCenter(fromLonLat([120, 30]));

4.获取地图上经纬度在屏幕上的像素点

const coord = [120,30];
const pixel = map.getPixelFromCoordinate(coord)

5.判断屏幕上像素点位置是否有feature

const pixel = [100,100]; // 单位是像素
const bol = map.hasFeatureAtPixel(pixel);

6.判断某一经纬度在地图上是否有feature

// 其实就是4和5的结合
const coord = [120,30];
const pixel = map.getPixelFromCoordinate(coord);
const bol = map.hasFeatureAtPixel(pixel);

相关文章

  • openlayer常用方法

    https://openlayers.org/en/latest/apidoc/module-ol_proj.ht...

  • Openlayers API-Draw

    绘制功能在Openlayers中比较常用,平时我们需要手动绘制一些点、线、面、多边形,圆等图形,Openlayer...

  • 分享一个切片网格的生成函数

    概述 本文分享一个切片网格生成的方法,并在openlayer中加以测试展示。 效果 实现代码

  • Openlayer4加载ArcGIS离线瓦片地图

    Openlayer4加载ArcGIS离线瓦片地图 本来以前是用openlayer2,在太乐地图下载的地图,会有模版...

  • 集合

    1. 常用容器类 Collection 的常用方法 List 的常用方法 Set 的常用方法 Map 的常用方法 ...

  • Yii2速查手册

    Controller控制器常用方法 Request组件常用方法 Html助手常用方法 CRUD常用方法 一、Act...

  • AlertDialog 实用API及其示例

    本文将介绍常用AlertDialog Api及其常用AlertDialog示例 常用API 常用方法 方法定义方法...

  • openlayer使用

    1,在opeblayer中,ol.map是核心组件 2,加载在map上的layer是个数组,是按顺序加载的,数组后...

  • java字符串String、StringBuilder、Stri

    String的常用方法 StringBuffer的常用方法 StringBuilder的常用方法 String、S...

  • 2017.6.13-14

    学习python总结python常用的方法string的常用方法dictionary的常用方法 python抽象,...

网友评论

      本文标题:openlayer常用方法

      本文链接:https://www.haomeiwen.com/subject/xudwfktx.html