linux设备如何获取经纬度,openlayers鼠标移动获取地图经纬度格式化的两种方式

方式一

import { format } from 'ol/coordinate';

import MousePosition from "ol/control/MousePosition.js";

//鼠标获取坐标控件

const mousePositionControl = new MousePosition({

coordinateFormat: function (coordinate) {

return format(coordinate, '经度:{x} 纬度:{y}', 2);

projection: 'EPSG:4326',

className: 'custom-mouse-position',

target: document.getElementById('mouse-position'),

undefinedHTML: ' '

});

//添加控件到地图

map.addControl(mousePositionControl);

格式像这样：经度:165.23 纬度:13.71

方式二

import { createStringXY } from 'ol/coordinate.js';

import MousePosition from "ol/control/MousePosition.js";

//鼠标获取坐标

const mousePositionControl = new MousePosition({

coordinateFormat: createStringXY(2),

projection: 'EPSG:4326',

className: 'custom-mouse-position',

target: document.getElementById('mouse-position'),

undefinedHTML: ' '

});

map.addControl(mousePositionControl);

格式像这样：165.23 13.71

linux设备如何获取经纬度,openlayers鼠标移动获取地图经纬度格式化的两种方式相关推荐

js获取日期选择器值html,利用Query+bootstrap和js两种方式实现日期选择器
前言所谓日期选择是在下拉列表中选择年.月.日,年显示前后的五年,12个月,日就是有30.31.29.28天的区别,随着月份的变而变,本文介绍了利用Query+bootstrap和js实现日期选择器的 ...
OpenLayers 6 代码绘制/draw交互组件绘制两种方式绘制椭圆过程详解
引言 OpenLayers可以通过代码绘制多种几何形状,也可以通过draw类型的交互组件绘制几何形状,官方实例提供了类如圆.折线.矩形.星形等方法.除此之外,椭圆这种图形其实也是非常常见的几何图形,但 ...
linux耳机插拔检测,Android应用开发之耳机插拔处理两种方式
本文将带你了解Android应用开发[RK3288][Android6.0] 耳机插拔处理两种方式,希望本文对大家学Android有所帮助. [RK3288][Android6.0] 耳机插拔处理 ...
Linux：获取线程的PID（TID、LWP）的几种方式
Linux:获取线程的PID(TID.LWP)的几种方式在 Linux C/C++ 中通常是通过 pthread 库进行线程级别的操作. 在 pthread 库中有函数: pthread_t pth ...
linux桌面鼠标可动但点其他,电脑鼠标能动但点不了的两种解决方法
大家是否遇到过鼠标用着用着突然点什么都点不了的情况,但是鼠标还是可以动的,此问题导致操作无法继续进行,部分网友对此问题都感到疑惑,检查设备设备都一切正常,要怎么才能解决?这里给大家讲解电脑鼠标能动但点 ...
linux服务器远程桌面,Linux 远程桌面的两种方式
在绝多数情况下,Linux 不需要使用到GUI的桌面环境,但是有时在一些特殊的场景如安装Oracle的时候,需要有图形界面进行辅助才可以安装. 如果要使用Linux的图形界面,一般有两种方式: 1.L ...
win10 格式化 linux u盘,Win10怎么格式化u盘 Win10中对U盘格式化的两种常用方法
如果你的 U 盘故障或损坏,将其格式化也许能够恢复正常工作.如果你的大空间 U 盘里面有太多小文件,格式化也是将其内容清空的最佳办法,本文我们就来详细介绍 Windows 10 中对 U 盘进行格式化 ...
linux中安shell怎么传入参数,【linux】linux 下 shell命令执行结果赋值给变量【两种方式】...
方法1:[通用方法] 使用Tab键上面的反引号例子如下: find命令模糊查询在/apps/swapping目录下查找文件名中包含swapping并且以.jar结尾的文件使用反引号引住命令 ...
linux 僵尸进程deffunc,多进程-开启子进程的两种方式，查看进程的pid与ppid，僵尸进程与孤儿进程...
一.开启子进程的两种方式方式一: # 方式一: from multiprocessing import Process import time def task(name): print(" ...
linux远程桌面方式,Linux 远程桌面的两种方式
在绝多数情况下,Linux 不需要使用到GUI的桌面环境,但是有时在一些特殊的场景如安装Oracle的时候,需要有图形界面进行辅助才可以安装. 如果要使用Linux的图形界面,一般有两种方式: 1.L ...

linux设备如何获取经纬度,openlayers鼠标移动获取地图经纬度格式化的两种方式

linux设备如何获取经纬度,openlayers鼠标移动获取地图经纬度格式化的两种方式相关推荐

最新文章

热门文章