263：vue+openlayers 高德地图坐标转换 WGS84-GCJ02

news/2024/5/14 8:17:10

在这里插入图片描述

第263个

点击查看专栏目录


本示例演示如何在vue+openlayers中将 WGS84坐标转化为GCJ02坐标，从而使得高德地图能正确的显示物体的坐标点。

84坐标系可以理解为是真实坐标系，是一个地点的实际坐标值。02坐标系是加密后的坐标系，是为了国家安全考虑。对应的不是实际的坐标值，GCJ02坐标系与WGS84坐标系之间的偏差大概在50-700米左右。

直接复制下面的 vue+openlayers源代码，操作2分钟即可运行实现效果； 注意如果OpenStreetMap无法加载，请加载其他来练习

文章目录

      • 示例效果
      • 配置方式
      • 示例源代码(共180行)
      • 相关API参考：
      • 专栏目标

http://www.mrgr.cn/p/85468635

相关文章

hbase启动错误-local host is“master:XXXX“ destination is:master

hbase启动错误-local host is“master:XXXX“ destination is:master

博主的安装前提： zookeeper安装完成，且启动成功 hdfs高可用安装，yarn高可用安装，且启动成功 报错原因：端口配置不对 解决方案： 输入：hdfs getconf -confKey fs.default.name 然后把相应的…
阅读更多...
el-table中实现列勾选和行勾选

el-table中实现列勾选和行勾选

功能展示: el-table可以整列勾选，整行勾选，整行和整列勾选，全选取消，单个勾选主要应用了el-table-column中的render-header方法，手动控制勾选状态 其中每行中的itemCheck${type},checked,isIndeterminate，以及 data中的 isCheck${type}, isIndeterminate${type}都是辅助参…
阅读更多...
迭代器模式（统一对集合的访问方式）

迭代器模式（统一对集合的访问方式）

目录 前言 UML plantuml 类图 实战代码 Iterator ArrayList Client 自定义迭代器 TreeNode TreeUtils Client 前言 在实际开发过程中，常用各种集合来存储业务数据并处理，比如使用 List，Map，Set 等等集合来存储业务数…
阅读更多...
苹果应用退款登录链接

苹果应用退款登录链接

https://reportaproblem.apple.com/物书堂app退出中国区苹果应用商店 https://forum.freemdict.com/t/topic/16708/4
阅读更多...
React组件封装：文字、表情评论框

React组件封装：文字、表情评论框

1.需求描述 根据项目需求，采用Antd组件库需要封装一个评论框，具有以下功能：支持文字输入 支持常用表情包选择 支持发布评论 支持自定义表情包2.封装代码./InputComment.tsx1 import React, { useState, useRef, useEffect, forwardRef, useImperativeHandle } from react;2 …
阅读更多...
[转帖]软件出口管制中的相关法律问题和分析

[转帖]软件出口管制中的相关法律问题和分析

https://www.sohu.com/a/294379160_221481 作者|方春晖 刘良勇 宋献涛 北京德和衡律师事务所 （本文系知产力获得独家首发的稿件，转载须征得作者本人同意，并在显要位置注明文章来源。） （本文8010字，阅读约需16分钟） 序 言 在国际贸易争端进程中，出口管制合规方面的话题不…
阅读更多...
Switch 和 PS1 模拟器：3000+ 游戏随心玩 | 开源日报 No.174

Switch 和 PS1 模拟器：3000+ 游戏随心玩 | 开源日报 No.174

Ryujinx/Ryujinx Stars: 26.1k License: MIT Ryujinx 是用 C# 编写的实验性任天堂 Switch 模拟器。 该项目旨在提供出色的准确性和性能、用户友好的界面以及稳定的构建。它已经通过了大约 4050 个测试，其中超过 4000 个可以启动并进入游戏，其中大约 340…
阅读更多...
分类模型评估：混淆矩阵与ROC曲线

分类模型评估：混淆矩阵与ROC曲线

1.混淆矩阵2.ROC曲线 & AUC指标 理解混淆矩阵和ROC曲线之前，先区分几个概念。对于分类问题，不论是多分类还是二分类，对于某个关注类来说，都可以看成是二分类问题，当前的这个关注类为正类，所有其他非关注…
阅读更多...
LineageOS刷机教程

LineageOS刷机教程

一、刷机准备工作 在 https://download.lineageos.org.cn/ 这个网址里找到自己的手机型号，也可以用Ctrl+F搜索手机型号关键字找到后点击下载下载页面左侧找到自己的手机型号（不知道上面点击下载，进来的二级页面还得再找一次）下载好lineageOS的刷机包，boot.img文件，recove…
阅读更多...
Linux基础篇：解析Linux命令执行的基本原理

Linux基础篇：解析Linux命令执行的基本原理

Linux 命令是一组可在 Linux 操作系统中使用的指令，用于执行特定的任务，例如管理文件和目录、安装和配置软件、网络管理等。这些命令通常在终端或控制台中输入，并以文本形式显示输出结果。 Linux 命令通常以一个或多个单词的简短缩写或单词…
阅读更多...
C++王牌结构hash：哈希表闭散列的实现与应用

C++王牌结构hash：哈希表闭散列的实现与应用

一、哈希概念 顺序结构以及平衡树中，元素关键码与其存储位置之间没有对应的关系，因此在查找一个元素 时，必须要经过关键码的多次比较。顺序查找时间复杂度为O(N)，平衡树中为树的高度，即O(log n)，搜索的效率…
阅读更多...
Unity AI Navigation自动寻路

Unity AI Navigation自动寻路

目录 前言一、Unity中AI Navigation是什么？二、使用步骤1.安装AI Navigation2.创建模型和材质3.编写向目标移动的脚本4.NavMeshLink桥接组件5.NavMeshObstacle组件6.NavMeshModifler组件 三、效果总结 前言 Unity是一款强大的游戏开发引擎，而人工智能&a…
阅读更多...
TCP三次握手、四次挥手出现意外情况时，如何保证稳定可靠？

TCP三次握手、四次挥手出现意外情况时，如何保证稳定可靠？

TCP 作为一个靠谱的协议，在传输数据的前后，需要在双端之间建立连接，并在双端各自维护连接的状态。TCP 并没有什么特别之处，在面对多变的网络情况，也只能通过不断的重传和各种算法来保证可靠性。建立连接前，TCP 会通过三次握手来保证双端状态正确，然后就可以正常传输数据…
阅读更多...
八大技术趋势案例（人工智能物联网）

八大技术趋势案例（人工智能物联网）

科技巨变，未来已来，八大技术趋势引领数字化时代。信息技术的迅猛发展，深刻改变了我们的生活、工作和生产方式。人工智能、物联网、云计算、大数据、虚拟现实、增强现实、区块链、量子计算等新兴技术在各行各业得到广泛应用，为各个领域带来了新的活力和变革。 为了更好地了解…
阅读更多...
手机可以搜索到wifi，但电脑搜索不到WiFi无线网络的解决方法

手机可以搜索到wifi，但电脑搜索不到WiFi无线网络的解决方法

手机可以搜索到wifi，但电脑搜索不到WiFi无线网络的解决方法:（重点先尝试一下后面的 原因二） 手机可以搜索到wifi，但电脑搜索不到WiFi无线网络的解决方法 一般来说，手机如果可以搜索到路由器Wi-Fi无线信号，并且可以连上上网，说明路由器自身和设置肯定是没有任何问题的，这…
阅读更多...
数据可视化-ECharts Html项目实战（7）

数据可视化-ECharts Html项目实战（7）

在之前的文章中，我们学习了如何设置漏斗图、仪表盘。想了解的朋友可以查看这篇文章。同时，希望我的文章能帮助到你，如果觉得我的文章写的不错，请留下你宝贵的点赞，谢谢 数据可视化-ECharts Html项目实战（6…
阅读更多...
学习JavaEE的日子 Day32 线程池

学习JavaEE的日子 Day32 线程池

Day32 线程池 1.引入 一个线程完成一项任务所需时间为： 创建线程时间 - Time1线程中执行任务的时间 - Time2销毁线程时间 - Time3 2.为什么需要线程池(重要) 线程池技术正是关注如何缩短或调整Time1和Time3的时间，从而提高程序的性能。项目中可以把Time…
阅读更多...
DataX-Oracle新增writeMode支持update

DataX-Oracle新增writeMode支持update

目录 前言 第一步下载源码 第二步修改源码 1、Oraclewriter 2、WriterUtil 2.1、修改getWriteTemplate方法 2.2、新增onMergeIntoDoString与getStrings方法 3、CommonRdbmsWriter 3.1、修改startWriteWithConnection 3.2、修改doBatchInsert 3.3、修改fillPreparedStatem…
阅读更多...
Flutter 拦截系统键盘，显示自定义键盘

Flutter 拦截系统键盘，显示自定义键盘

一、这里记录下在开发过程中，下单的时候输入金额需要使用自定义的数字键盘 参考链接: https://juejin.cn/post/7166046328609308685 效果图 二、屏蔽系统键盘 怎样才能够在输入框获取焦点的时候，不让系统键盘弹出呢？同时又显示我们自定义的…
阅读更多...
【SpringBoot从入门到精通】01_SpringBoot概述

【SpringBoot从入门到精通】01_SpringBoot概述

一、Spring与SpringBoot 1.1 Spring Spring 是一款目前主流的 Java EE 轻量级开源框架，是 Java 世界最为成功的框架之一。Spring 由“Spring 之父”Rod Johnson(罗宾约翰逊) 提出并创立，其目的是用于简化 Java 企业级应用的开发难度和开发周期。 广义…
阅读更多...
推荐文章

Copyright @ 2022~2023