我先用ol框架加载了一个地图,然后打算用一个form表单提交xy坐标在地图上将这个坐标定位出来并居中。
网上也搜不出类似的案列,现在简直是束手无策。
关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率

首页/
已结题
OpenLayers框架想要实现在页面上输入坐标然后定位那个点并居中怎么实现呢?急求!!
收起
- 写回答
- 好问题 0 提建议
- 关注问题
微信扫一扫
点击复制链接分享
- 邀请回答
- 编辑 收藏 删除
- 收藏 举报
2条回答 默认 最新
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
撒酷啦酱 2015-11-29 01:00关注问什么我问不了问题呀
本回答被题主选为最佳回答 , 对您是否有帮助呢? 本回答被专家选为最佳回答 , 对您是否有帮助呢? 本回答被题主和专家选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报微信扫一扫
点击复制链接分享
编辑预览轻敲空格完成输入- 显示为
- 卡片
- 标题
- 链接
评论按下Enter换行,Ctrl+Enter发表内容
- 关注
码龄 粉丝数 原力等级 --
- 被采纳
- 被点赞
- 采纳率
何莜莜 2020-12-01 10:55关注map.getView().animate({ // 只设置需要的属性即可 center: [经度,纬度 ], // 中心点 zoom: 15, // 缩放级别 rotation: undefined, // 缩放完成view视图旋转弧度 duration: 1000 // 缩放持续时间,默认不需要设置 })
本回答被题主选为最佳回答 , 对您是否有帮助呢? 本回答被专家选为最佳回答 , 对您是否有帮助呢? 本回答被题主和专家选为最佳回答 , 对您是否有帮助呢?解决 无用评论 打赏举报微信扫一扫
点击复制链接分享
编辑预览轻敲空格完成输入- 显示为
- 卡片
- 标题
- 链接
评论按下Enter换行,Ctrl+Enter发表内容
编辑
预览

轻敲空格完成输入
- 显示为
- 卡片
- 标题
- 链接
报告相同问题?
提交
- 2022-03-23 07:45霸道流氓气质的博客 与上面实现类似的效果,在vue中实现输入坐标,然后在地图上显示该点,并且 以该点为地图中心放大。 注: 博客:https://blog.csdn.net/badao_liumang_qizhi 关注公众号 霸道的程序猿 获取编程相关电子书、...
- 2020-10-14 09:33在本文中,我们将深入探讨如何使用Vue框架与OpenLayers库结合来实现在地图上点击时显示坐标信息的弹框效果。Vue是一个流行的前端JavaScript框架,而OpenLayers则是一个功能强大的开源JavaScript库,用于创建交互式...
- 2020-10-14 09:38本篇知识点着重介绍在OpenLayers3中,如何实现鼠标移动显示坐标的功能,包括实现的基本思路和具体代码示例。 ### 实现思路: 1. **加载地图瓦片图层**:首先,需要加载一个基础的地图瓦片图层,常用的是OSM(Open...
- 2022-02-16 08:221、实现图片地图,图片地图比例尺 2、绘制点的路径 3、绘制多边形,定位不规则多边形中心点,显示名称 4、多边形编辑 5、地图全屏,地图截图 6、点是否在区域中判定 7、暂停,播放,向前,向后20s,倍速播放控制路径...
- 2020-10-14 09:59在OpenLayers中实现点的闪烁扩散效果是一种增强地图可视化的方式,可以使用户更加关注特定的地理位置。这个效果通过CSS动画和Overlay对象实现。以下是对实现这一效果的详细解释: 首先,我们要了解OpenLayers中的...
- 2021-01-22 02:431.新建项目 (vue-openlayers为项目名),并选择default模版 vue create vue-openlayers 2.安装openlayers cnpm i -S ol 第三步:写业务代码 1.删除掉HelloWorld.vue 新建 olmap.vue组件 components/olmap.vue代码...
- 2020-10-14 09:45该函数接收一个线对象(LineString)作为参数,然后获取线上的坐标点,并进行一系列的转换和计算。 1. **坐标系统转换**: - 首先,获取地图当前的投影方式(`sourceProj`),通常默认是Web Mercator(EPSG:3857)...
- 2023-02-22 11:41.VUE+OPENLAYERS实现实时定位功能.pdf
- 2023-06-05 01:45非科班Java出身GISer的博客 Openlayers 教程 - 基于 Openlayers api 实现空间查询(客户端):点选、范围查询。
- 2025-03-19 03:22吉檀迦俐的博客 在 Vue 3 组合式 API (Composition API) 的加持下,我们可以更优雅地封装 OpenLayers,并实现炫酷的地图交互功能。我们使用 Vue 3 + Vite 创建一个新的 Vue 项目,并安装 Element Plus 组件库来支持按钮交互。,并...
- 2022-03-17 11:54非科班Java出身GISer的博客 地图定位是非常常用的功能,本教程介绍定位到点、范围、图形要素 feature、图层 layer。
- 2022-04-01 01:39霸道流氓气质的博客 Vue+Openlayers实现地图上绘制线: Vue+Openlayers实现地图上绘制线_霸道流氓气质的博客-CSDN博客 上面实现添加点和线,怎么实现添加面/多边形Polygon 注: 博客:霸道流氓气质的博客_CSDN博客-C#,架构之...
- 2025-02-08 02:07吉檀迦俐的博客 本文详细介绍了如何在 Vue3 中集成 OpenLayers,实现地图地点搜索和定位功能。Vue3 项目环境的搭建与依赖安装。使用语法实现地图初始化和控件集成。通过 OpenLayers 的 Popup 和 Geocoder 插件,实现地址搜索和定位...
- 2019-11-24 11:56ikun不解释的博客 不适用openlayers的控件,在指定位自动生成圆(或点) 效果如下: 代码如下:(省略html部分) new ol.Map({ target: 'map', view: new ol.View({ center: ol.proj.fromLonLat([116.359506, 35.302920]), zoom...
- 2024-04-28 08:52Calvad0s的博客 这里面有个注释掉的方法,读者可以打开试试,其实就是标记的时候打印经纬度,一般这个值我们都用来存储数据库中。将ol.js、ol.css放在根目录下,当然还有你的瓦片地图也放在根目录下。...marker.png是标记坐标点的。
- 没有解决我的问题, 去提问
联系我们(工作时间:8:30-22:00)
400-660-0108kefu@csdn.net在线客服
- 京ICP备19004658号
- 经营性网站备案信息
公安备案号11010502030143
- 营业执照
- 北京互联网违法和不良信息举报中心
- 家长监护
- 中国互联网举报中心
- 网络110报警服务
- Chrome商店下载
- 账号管理规范
- 版权与免责声明
- 版权申诉
- 出版物许可证
- ©1999-2025北京创新乐知网络技术有限公司