OL3:缩放到地图上的矢量图层

2023-12-23

我有一张带有 openlayers 3 和矢量图层的地图。 我想将地图调整为该矢量图层的大小,但到目前为止,我所能得到的只是将地图集中在该矢量的最后一个点上,因为在创建地图时无法访问矢量图层的点:

if (trackMap != null) {
  for (var i = 0; i < trackMap.length; i++) {
    var trackInfo = trackMap[i];
    lat = parseFloat(trackInfo.lat);
    lon = parseFloat(trackInfo.lon);

    var layergpx = new ol.layer.Vector({
      source: new ol.source.Vector({
        parser: new ol.parser.GPX(),
        url: '${contextRoot}/gps/gpx2' + trackInfo.url
      })
    });
    layers.push(layergpx);
    vectorLayers.push(layergpx);
  }
}

map = new ol.Map({
  controls: ol.control.defaults().extend([
    new ol.control.FullScreen()
  ]),
  layers: layers,
  renderer: ol.RendererHint.CANVAS,
  target: 'map',
  view: new ol.View2D({
    center: ol.proj.transform([lon, lat], 'EPSG:4326', 'EPSG:3857'),
    zoom: 13
  })
});

为什么不只适合 ol.source.Vector 的范围?

var source = new ol.source.Vector();

...

map.getView().fitExtent(source.getExtent(), map.getSize());
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

OL3:缩放到地图上的矢量图层 的相关文章

  • 禁用内容安全策略

    当我开发网站时 我经常想看看特定功能在网站上的外观如何 所以我会使用 chrome 开发者工具并经常运行一些 javascript 脚本 我经常发现一些脚本由于内容安全策略 CSP 而无法运行的问题 我完全理解该策略是为了防止跨站点脚本攻击
  • 如何将udp发送到udp node.js服务器?

    我对此很陌生 所以我真的不知道我在做什么 但我已经设置了一个 node js udp 服务器 我想从客户端 来自网站 向它发送一个数据包 但我不知道如何在 javascript 中做到这一点 或者是否可能 我不是在研究如何从 Node js
  • HTML/VBA Click 事件未触发

    这是我第一次在 StackOverflow 上发布问题 到目前为止 我已经能够通过 VBA 帮助论坛解决我的大部分问题 我的问题很简单 我有一个自动数据拉取 我需要在其中导出数据 我过去曾在这方面取得过成功 但这次略有不同 我尝试单击以生成
  • Node js 使用中间件重定向进行过多重定向

    在我的 Node js 应用程序 我使用的是express 4 x 中 我想检查用户是否已登录 如果用户未登录 我想重定向到我的登录页面 然后我在中间件中这样做 服务器 js app use function req res next if
  • 使用 moment.js 检查输入日期是否为星期一

    好吧 我想检查日期是否是星期一 例如 var myDate new Date moment myDate DD MM YYYY dayIs monday 在我的国家 一周的第一天是星期一 所以 我真的想检查输入日期是否是一周的开始 我尝试使
  • 如何仅在 NextJS 站点构建期间使用 getInitialProps?

    当使用 NextJS 构建静态站点时 我想要getInitialProps方法仅在构建步骤期间触发 而不是在客户端上触发 在构建步骤中 NextJS 运行getInitialProps 方法 https nextjs org docs fe
  • 如何使用canvas.toDataURL()将画布保存为图像?

    我目前正在构建一个 HTML5 Web 应用程序 Phonegap 本机应用程序 我似乎不知道如何将画布保存为图像canvas toDataURL 有人可以帮我吗 这是代码 有什么问题吗 我的画布被命名为 canvasSignature J
  • 仅一页 JavaScript 应用程序

    您是否尝试过单页 Web 应用程序 即浏览器仅从服务器 获取 一页 其余部分由客户端 JavaScript 代码处理 此类 应用程序页面 的一个很好的例子是 Gmail 对于更简单的应用程序 例如博客和 CMS 使用这种方法有哪些优点和缺点
  • HTML2canvas 和 Canvas2image,下载的屏幕截图不显示我的 HTML 图像

    我一直在开发一个 HTML 页面 我想将其转换为图像 我一直在使用 html2canvas 和 canvas2image 脚本并采用此代码http jsfiddle net 8ypxW 3 http jsfiddle net 8ypxW 3
  • 在闪亮的数据表中为每个单元格显示工具提示或弹出窗口?

    有没有什么方法可以为 r闪亮数据表中的每个单元格获取工具提示 有很多方法可以获取悬停行或列 但我找不到一种方法来获取行和列索引并为每个单元格显示不同的悬停工具提示 任何人都可以修改以下代码吗 library shiny library DT
  • 通过 node-http-proxy 保留基于 cookie 的会话

    我有一个简单的基于 Express 的 Node js Web 服务器 用于开发 JavaScript 应用程序 我将服务器设置为使用 node http proxy 来代理应用程序向在不同域和端口上运行的 Jetty 服务器发出的 API
  • 未捕获的错误:找不到模块“jquery”

    我在用Electron https github com atom electron制作桌面应用程序 在我的应用程序中 我正在加载一个外部站点 Atom 应用程序之外 可以说http mydummysite index html http
  • 类型“typeof import("/home/kartik/Desktop/Ecommerce/ecommerce/node_modules/firebase/index")”上不存在属性“auth”。 TS(2339)

    我是 FireBase 的初学者 我正在尝试使用 Angular 通过 FireBase 实现 Google 登录 我在 auth 时收到上述错误 我特此附上login component ts和package json package l
  • 为什么“tbody”不设置表格的背景颜色?

    我在用 tbody 作为 CSS 选择器来设置background color在一个表中 我这样做是因为我有多个 tbody 表内的部分 它们具有不同的背景颜色 我的问题是 当使用border radius在细胞上 细胞不尊重backgro
  • JavaScript onresize 事件多次触发

    我在尝试仅在触发 onresize 事件时运行一次函数时遇到一些麻烦 我已经看过这个问题DOM onresize 事件 https stackoverflow com questions 1500312 javascript onresiz
  • 如何获取 UIWebView 中元素的位置?

    我在 iPad 程序中加载了 html 的 UIWebView 通过使用 webkit column width 我将 html 分为几列 padding 0px height 1024px webkit column gap 0px we
  • 数据表日期范围过滤器

    如何添加日期范围过滤器 like From To 我开始进行常规搜索和分页等工作 但我不知道如何制作日期范围过滤器 我正在使用数据表 1 10 11 版本 My code var oTable function callFilesTable
  • 如何在打字稿文件中导入没有定义文件的js库

    随着我们的项目变得越来越大 我想从 JavaScript 切换到 TypeScript 以帮助进行代码管理 然而 我们使用许多库作为 amd 模块 我们不想将其转换为 TypeScript 我们仍然想将它们导入 TypeScript 文件
  • 如何在 gulp.src 中使用基本正则表达式?

    我正在尝试选择两个文件gulp src highcharts js and highcharts src js 当然 我知道我可以使用数组表达式显式添加这两个表达式 但出于学习目的 我尝试为它们编写一个表达式 我读过可以使用简单的正则表达式
  • 在 GWT 中,在任何主机页标记上添加事件处理程序

    我想为任何标签添加 MouseOver 事件处理程序 举个例子 我想为旧版 HTML 页面中的每个锚点页面添加事件处理程序 继GWT指南 http code google com webtoolkit doc 1 6 DevGuideUse

随机推荐

  • 设置 Angular cli 生产构建 tfs

    在本地 我的项目使用 ng build prod 构建得很好 但是如果我使用以下 powershell 脚本在 tfs 团队基础服务器 上设置它 它会失败并出现一些错误 ps脚本 npm install npm run ng build p
  • 为什么子类无法访问受保护的方法?

    考虑以下代码片段 package vehicle public abstract class AbstractVehicle protected int speedFactor return 5 package car import veh
  • 验证后仍无法创建基于域的存储桶

    我的帐户可以访问顶级域的 Google 网站站长工具 并且我还验证了子域以及子子域 但是当我尝试使用我应该验证的任何域创建新存储桶时 我收到 您尝试创建的存储桶是另一个用户拥有的域名 我还缺少什么吗 听起来创建存储桶的帐户与拥有域的帐户不同
  • 从异常中恢复上下文

    考虑以下资源管理类 class FooResouce public explicit FooResouce T arg to construct with m foo create foo resouce arg to construct
  • NSDate 等人在 iOS 4.2 上遭遇困境

    我相信 NSDate NSCalendar 在 iOS 4 2 上有一两个错误 NSDate date description 始终使用 GMT 打印 即忽略本地时区设置 之前已报告过 但包含在内是为了更好地解释下面的输出 calendar
  • .BMP 文件可以存储在 HTA (HTML/VBScript) 中吗?

    我注意到在 FireFox 书签的备份中 显示在每个条目左侧的图标作为字符流保存在 A 标记中 例如 ICON data image png base64 iVBOR 删除数据以缩短示例 rkJggg 我有 3 个 BMP 文件 2 are
  • 如何在xsl中正确调整表格单元格

    我正在尝试使用 xsl FOP 将 XML 数据放入表格格式 但无法完全完成 因为当单元格中没有文本时单元格会重叠 这是我的 xsl 代码
  • 如何从 Jena 获取嵌套的 RDF/XML?

    我需要创建如下所示的 RDF
  • PhotoChooserTask的使用

    我的 Windows Phone 应用程序中有一个图像列表 作为内容 如何使用 PhotoChooserTask 看到它们 这是通过单击按钮触发任务的基本且粗略的示例 下面的代码使用按钮单击事件来触发 PhotoChooserTask 然后
  • 从字符串中删除所有 html 标签的最佳方法是什么?

    使用 PHP 给定一个字符串 例如 this is a strong string strong 我需要一个函数来删除所有 html 标签 以便输出为 this is a string 有任何想法吗 提前致谢 PHP 有一个内置函数可以完全
  • T-SQL 查询,其中列仅包含数字[重复]

    这个问题在这里已经有答案了 可能的重复 如何仅获取数字列值 https stackoverflow com questions 1858867 how to get only numeric column values 我正在尝试编写一个
  • 如何从本机应用程序获取窗口打开/关闭/最小化消息?

    为这个标题写一个好的标题是很困难的 我正在开发一个 WPF 应用程序 它需要了解系统上所有其他打开的窗口的存在 我可以通过调用本机 EnumWindows 方法来完成此操作 并且我可以调用其他本机方法来过滤出我感兴趣的窗口 这效果很好 我遇
  • 如何捕获 NoSuchElementException?

    我的课堂作业是编写一个程序 让用户输入一组数值 如果用户输入的值不是数字 则程序应该给用户 2 次机会正确输入数字 在这两次机会之后 停止要求输入并打印迄今为止正确输入的所有值的总和 事实上 我的代码不能正常工作 当输入第一个非数字时 程序
  • 运算符<<重载隐藏其他

    我有一个奇怪的运算符 include
  • 分步更改 iPad Pro 的字体大小

    我有一个应用程序 仅适用于横向模式下的 iPad 屏幕设计完全在 IB 中通过自动布局完成 现在我想实现以下行为 在 iPad Pro 12 英寸上时 所有标签的字体大小应为 48 对于所有较小的 iPad 尺寸 字体大小应为 32 我在
  • 无法将foreign_key_checks设置为0/关闭

    我有一个小数据库 我刚刚添加了一些表并设置了外键约束 现在我想上传一些数据并阅读了有关使用以下内容暂时关闭检查的信息 SET FOREIGN KEY CHECKS 0 我正在从 SQL 窗口运行此查询 我收到一条 成功 消息 但是当我检查设
  • Flex 3中如何防止组件被拖出舞台

    我认为这个问题有一个简单的解决方案 只是不够简单让我找到它 问题 如何限制 Flex 3 中的 TitleWindow 被拖离屏幕 舞台 有没有办法将TitleWindow限制在查看区域 示例 假设我有一个占据 100 屏幕的应用程序 接下
  • 在 Python 中加载与 Jinja2 嵌套的 YAML

    我有一个 YAML 文件 all yaml 看起来像 var1 val1 var2 val2 var3 var1 var2 txt 如果我像这样在 Python 中加载它 import yaml f open all yaml dataMa
  • 获取导致异常的异常描述和堆栈跟踪,全部作为字符串

    如何转换捕获的Exception 其描述和堆栈跟踪 到str外用 try method that can raise an exception params except Exception as e print complete exce
  • OL3:缩放到地图上的矢量图层

    我有一张带有 openlayers 3 和矢量图层的地图 我想将地图调整为该矢量图层的大小 但到目前为止 我所能得到的只是将地图集中在该矢量的最后一个点上 因为在创建地图时无法访问矢量图层的点 if trackMap null for va