我先用ol框架加载了一个地图，然后打算用一个form表单提交xy坐标在地图上将这个坐标定位出来并居中。
网上也搜不出类似的案列，现在简直是束手无策。
OpenLayers框架想要实现在页面上输入坐标然后定位那个点并居中怎么实现呢？急求！！
- 写回答
- 好问题 0 提建议
- 关注问题
分享- 邀请回答
-
2条回答 默认 最新
- 2022-03-23 15:45霸道流氓气质的博客 与上面实现类似的效果，在vue中实现输入坐标，然后在地图上显示该点，并且 以该点为地图中心放大。 注： 博客：https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、...
- 2020-10-14 17:33在本文中，我们将深入探讨如何使用Vue框架与OpenLayers库结合来实现在地图上点击时显示坐标信息的弹框效果。Vue是一个流行的前端JavaScript框架，而OpenLayers则是一个功能强大的开源JavaScript库，用于创建交互式...
- 2020-10-14 17:38本篇知识点着重介绍在OpenLayers3中，如何实现鼠标移动显示坐标的功能，包括实现的基本思路和具体代码示例。 ### 实现思路： 1. **加载地图瓦片图层**：首先，需要加载一个基础的地图瓦片图层，常用的是OSM（Open...
- 2022-02-16 16:221、实现图片地图，图片地图比例尺 2、绘制点的路径 3、绘制多边形，定位不规则多边形中心点，显示名称 4、多边形编辑 5、地图全屏，地图截图 6、点是否在区域中判定 7、暂停，播放，向前，向后20s，倍速播放控制路径...
- 2023-06-05 09:45非科班Java出身GISer的博客 Openlayers 教程 - 基于 Openlayers api 实现空间查询（客户端）：点选、范围查询。
- 2025-03-19 11:22吉檀迦俐的博客 在 Vue 3 组合式 API (Composition API) 的加持下，我们可以更优雅地封装 OpenLayers，并实现炫酷的地图交互功能。我们使用 Vue 3 + Vite 创建一个新的 Vue 项目，并安装 Element Plus 组件库来支持按钮交互。，并...
- 2025-05-15 18:20吉檀迦俐的博客 通过Vue3的Composition API和OpenLayers的强大地图处理能力，用户可以在地图上自由绘制矩形，自动截取该区域并保存为图片。文章从项目初始化、核心技术栈、完整代码实现到关键技术解析，逐步引导开发者完成这一功能...
- 2022-04-01 09:39霸道流氓气质的博客 Vue+Openlayers实现地图上绘制线： Vue+Openlayers实现地图上绘制线_霸道流氓气质的博客-CSDN博客 上面实现添加点和线，怎么实现添加面/多边形Polygon 注： 博客：霸道流氓气质的博客_CSDN博客-C#,架构之...
- 2022-03-17 19:54非科班Java出身GISer的博客 地图定位是非常常用的功能，本教程介绍定位到点、范围、图形要素 feature、图层 layer。
- 2019-11-24 19:56ikun不解释的博客 不适用openlayers的控件，在指定位自动生成圆（或点） 效果如下： 代码如下：（省略html部分） new ol.Map({ target: 'map', view: new ol.View({ center: ol.proj.fromLonLat([116.359506, 35.302920]), zoom...
- 2024-04-28 16:52Calvad0s的博客 这里面有个注释掉的方法，读者可以打开试试，其实就是标记的时候打印经纬度，一般这个值我们都用来存储数据库中。将ol.js、ol.css放在根目录下，当然还有你的瓦片地图也放在根目录下。...marker.png是标记坐标点的。
- 2025-01-08 09:47吉檀迦俐的博客 在现代Web开发中，地图功能已经...本文将详细介绍如何在Vue3中使用OpenLayers设置不同的坐标点，并用不同的颜色区分这些点。本文详细介绍了如何在Vue3中使用OpenLayers设置不同的坐标点，并用不同的颜色区分这些点。
- 2021-11-05 17:10霸道流氓气质的博客 场景 若依前后端分离版手把手教你本地搭建环境并运行项目： ... Vue中使用Openlayers加载Geoserver发布的ImageWMS： ...在上面搭建起来Vue+SpringBoot的前后端分离的项目的基础上，并且加载显示地图之后。
- 2025-02-08 10:07吉檀迦俐的博客 本文详细介绍了如何在 Vue3 中集成 OpenLayers，实现地图地点搜索和定位功能。Vue3 项目环境的搭建与依赖安装。使用语法实现地图初始化和控件集成。通过 OpenLayers 的 Popup 和 Geocoder 插件，实现地址搜索和定位...
- 2023-04-14 15:29汤姆猫不是猫的博客 OpenLayers实现对地图上的任意要素进行选择和拖拽，可以选择并拖动要素点、圆形、线段、多边形、图标等等任意要素图形。
- 2015-10-16 16:18在GIS（地理信息系统）领域，OpenLayers是一个广泛使用的开源JavaScript库，用于在Web浏览器中创建交互式的地图应用。本文将详细探讨如何利用OpenLayers实现点密度图、比例符号和分级渲染这三种重要的专题图表现形式...
- 没有解决我的问题, 去提问
