如何减小 openlayers 3 中图标的大小,我正在使用 bing 地图

2024-02-16

这是我的代码:

var iconFeature = new ol.Feature({
   geometry: new ol.geom.Point(ol.proj.transform([-95.3698,29.7604], 'EPSG:4326' , 'EPSG:3857')),
   name: 'Null Island',
});

var iconStyle = new ol.style.Style({
  image: new ol.style.Icon({
    opacity: 0.75,
    src: 'flag.png',
    height:10,
    width:10,
  })
});
iconFeature.setStyle(iconStyle);

我也尝试过使用锚点,但无法减小尺寸,请帮忙


ol.style.Icon http://openlayers.org/en/latest/apidoc/module-ol_style_Icon-Icon.html需要一个scale可用于缩放图标的参数。

var iconStyle = new ol.style.Style({
  image: new ol.style.Icon({
    opacity: 0.75,
    src: 'flag.png',
    // the real size of your icon
    size: [10, 10],
    // the scale factor
    scale: 0.5
  })
});
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

如何减小 openlayers 3 中图标的大小,我正在使用 bing 地图 的相关文章

  • openlayers3开发教程_开始

    openlayers3开发教程 开始 openlayers官方网站 https openlayers org 在旧版本处查看 Latest v3 v3 20 1 released 2016 12 12 docs API examples o
  • openlayers3_API简说

    openlayers3 API简说 API文档 https openlayers org en v3 20 1 apidoc API 变更政策 OpenLayers 3 x API 包括 类 类方法和属性的名称 静态函数和常量的名称 函数参
  • 将图块的 xyz 坐标转换为经度/纬度

    我想使用 openlayers 制作地图 但以独特的方式将其居中 例如 我的 z x y 坐标为 12 2045 1362 如何将其转换为经度 纬度 这与此完全相反 如何通过点击Leaflet地图获取tile的X Y Z坐标 我很难理解上述
  • 确保所有图块均加载到 Open Layers 3 XYZ 源中

    我们有一些层利用ol source XYZ来源 对于我们使用的加载策略ol loadingstrategy tile new ol tilegrid createXYZ 在进行其他操作之前 我们需要确保所有图块已完全加载到地图视图中 我们已
  • Geoserver - 使用 DWITHIN 过滤点

    首先 我是 Geoserver 和 Openlayers 的新手 我一直试图在 Geoserver 端使用图层预览页面来使用 Openlayer 查看器查看我的图层 我最终会将其实现为 Openlayers WFS GET 请求 我想要完成
  • 开放层 3:如何为修改交互创建侦听器

    我已经成功设置了修改交互 ol interaction Modify 的文档 http ol3js org en master apidoc ol interaction Modify html 不要提及修改功能时触发的单个事件 与 ol
  • 矢量图块缓冲区

    我在使用 Geoserver 提供的矢量切片设置 Openlayers 地图时遇到问题 线条沿着瓷砖的边缘拧在一起 看起来线条是先被剪裁 然后再设计样式 而不是相反 这使得宽线看起来很难看 更改 LOL 客户端中的渲染缓冲区不会产生任何影响
  • 将点转换为经纬度

    我想知道如何获取地图点击事件坐标经纬度 这是我的代码 map on click function evt var element popup getElement var coordinate evt coordinate var latL
  • 在隐藏元素中绘制 OpenLayers 3 地图

    我正在编写一个页面 您可以在其中查看有关区域和地图的详细信息 详细信息位于一个选项卡上 地图位于另一个选项卡上 HTML 的相关部分如下 类来自引导程序 http getbootstrap com css div class col xs
  • OL3:强制重绘图层

    我目前正在将 OpenLayers 客户端版本 2 13 1 升级为新版本的 OpenLayers OL3 我的设置包括作为 WMS 映射服务器的 Mapserver 和前面提到的 OpenLayers 客户端 在旧系统中 我支持用户交互
  • ol.interaction.Select 在 ol.source.VectorTile 上给出错误

    我试图在选择 VectorTile 图层后更改该功能的样式 但是 第一次触发选择交互时 控制台会报告错误 Uncaught TypeError feature getId is not a function at ol source Vec
  • 在 OpenLayers 3.20+ 中使用 view.fit() 使用 view.animate()

    我有以下为 OpenLayers 3 20 之前版本编写的代码 fitViewToFeature function viewer feature var pan ol animation pan source viewer olView g
  • 打开第3层,map.on('moveend',..):区分用户交互和map.setCenter()调用

    我正在为 GIS 应用程序实现 OL 并希望在用户滚动地图时添加 20 秒的超时 之后 GPS 自动跟踪功能应恢复 为此 我正在利用 map on moveend move func 侦听器 问题是它无法区分用户滚动还是位置更改来自map
  • OL3:按坐标从图层获取特征

    我想通过坐标获取图层的特征 此外 我想在弹出窗口中打开此功能 到目前为止我已经通过 onclick 事件解决了这个问题 但我想通过给出特征的坐标并打开特征的弹出窗口来实现 我有一个带有地图的图层和一个带有以下功能的图层 if trackMa
  • div 下面仍然触发 click 事件

    这是我正在构建的 PhoneGap 应用程序 我正在我的笔记本电脑上进行测试 然后使用 PhoneGap cli 在 iPhone 上进行测试 我有一个 openlayers 3 地图 上面记录了点击事件 我还有一个 div 当菜单显示时
  • 性能测试 OpenLayers 与 Leaflet

    我想比较 OpenLayers 和 Leaflet 之间的性能 我想测试诸如渲染矢量文件 底图 显示大量标记等最快的东西 我可以自己设置这个例子 但我不知道如何实际测量它们之间的速度差异 在哪里可以看到执行将矢量数据加载到地图等任务实际需要
  • Openlayers 3 将 EPSG:4326 矢量重新投影到 EPSG:3857

    我需要将 GeoJSON 矢量数据从 EPSG 4326 转换为 EPSG 3857 我有一张地图 var olMapDiv document getElementById olmap control map new ol Map targ
  • 获取 OpenLayers 中绘制要素的坐标

    我正在尝试使用 OpenLayers 3 创建在线地图 我对使用 OpenLayers 是全新的 我想做的就是获取我在地图上绘制的点 线 多边形的坐标 我知道有一个 featuresadded 参数可用 但我无法正确实现它 有人能给我指明如
  • 打开图层地图,经纬度获取地址

    我正在尝试获取带有经度和纬度的地址 城市 邮政编码 街道地址 但我不知道如何获取 我正在使用开放图层 当我单击地图的一部分时 会获取该位置的经度和纬度 有人有解决方案吗 div class map div
  • GeoJSON 要素坐标未显示在 OpenLayers 地图上

    我正在尝试显示一个GeoJSON地图上的多边形 我使用了 OpenLayers 提供的示例以及以下数据 但仅显示第二个多边形 var geojsonObject type FeatureCollection crs type name fe

随机推荐

  • 无需 Google 对话框的语音识别

    我将尝试使用带有 RecognitionListener 的语音识别 无需 Google 对话框 但不起作用 启动应用程序时只会发出蜂鸣声 我已将音频记录和互联网权限添加到清单文件中 我希望你告诉我并帮助我找到错误 我在 Log cat 上
  • 加水动画

    我正在尝试获取擦除动画以使圆圈看起来像它充满了水 我遇到了两个错误 甚至无法解决第三个错误 填错了方式 填充后重置为空 黑色 目前 我正在使用 img 标签 但我想将此效果移至body background image 并需要一些关于如何做
  • 这是使用 java 关键字“interface”的正确位置吗?

    我对 Java 相当陌生 在阅读了一些有关路径查找的信息后 我读到了有关使用空类作为 interface 对于未知的对象类型 我正在用 Java 开发一个基于医院主题的游戏 至此 用户可以搭建一个接待台和一个全科医生办公室 它们是两种不同类
  • java.lang.Thread 无法转换为 java.util.concurrent.ForkJoinWorkerThread

    我正在 Java SE 7 中使用 RecursiveTask 测试斐波那契示例http docs oracle com javase 7 docs api java util concurrent RecursiveTask html h
  • 是否可以在 CSS 中设置子字符串的样式?

    我想强调字符串的最后 3 个字符 例如 123456789 很容易将最后三个包裹起来 strong or span class 但我想知道是否可以仅使用 CSS 来完成 所以 html 会是这样的 span class mytext 123
  • 格式化 $SimpleXML->asXML() 的输出; [复制]

    这个问题在这里已经有答案了 标题基本概括了所有内容 如果我有类似的东西 来自 PHP 网站示例 xmlstr lt lt
  • 制作全幻灯片大小的 ggplot2 输出 {Xaringan}

    有没有办法让 ggplot 图表采用 xaringan 演示文稿的所有幻灯片 如果我将其导出为 png 并将其作为背景图片 我就可以做到这一点 但是直接从块输出呢 底部有一个最小的例子 解释 默认 CSS 样式为xaringan顶部和底部的
  • 在 Android 中创建自定义 ROM [关闭]

    Closed 这个问题是无关 help closed questions 目前不接受答案 我是初级 Android 开发人员 我想通过编码而不是手动将库存 ROM 制作为定制 ROM 有没有可能做到这一点 有人请引导我走上正确的道路 我想通
  • 如何在其他模态弹出窗口上方显示模态弹出窗口

    我有一个模态弹出窗口 当我单击模态弹出窗口中的按钮时 会显示另一个模态弹出窗口 但是第二个模态弹出窗口的一些内容隐藏在第一个模态弹出窗口后面 如何使其显示在第一个模式弹出窗口上方 任何想法和建议表示赞赏 尝试设置z index您想要的弹出包
  • Javascript:如何停止点击事件排队?

    以下代码工作正常 唯一的问题是单击事件排队 例如setTimeout每次点击都会被调用 并且弹出窗口会出现多次 如何使弹出窗口仅在用户单击时出现 并确保每个弹出窗口之间的间隔为 4 秒 var showpopup 1 var check t
  • 如何将ajax添加到wordpress主题

    我有一个问题困扰了我好几天了 我正在尝试使用一个简单的 ajaxPOST 函数将数据发送到 MySQL 数据库 不是 WP 数据库 该代码位于主题中的 single post php 内 因为必须在每次发布之前检查它 ajax url li
  • 检索 pdf 时出现意外的服务器响应 (0)

    我们在使用 Amazon ec2 实例时特别遇到此错误 aws实例上的配置是Tomcat 7 Ubuntu 16 04 内存是8GB 当用户尝试查看 pdf 文件时会发生这种情况 在我们的应用程序中 我们有一项功能 用户只能在浏览器上查看
  • jQuery Mobile 输入和文本区域自定义样式

    我正在尝试设计我的 jQuery Mobile 表单输入和文本区域的样式 现在他们是这样定制的 http jquerymobile com demos 1 0b1 demos 1 0b1 docs forms forms text html
  • 在谷歌大查询中将表从一个数据集复制到另一个数据集

    我打算将一组表从一个数据集复制到同一项目中的另一个数据集 我在 Ipython 笔记本中执行代码 我使用以下代码获取要复制到变量 value 中的表名列表 list bq DataSet test TestDataset for x in
  • Android:id列表视图

    我在 xml 中声明了一个列表视图
  • 每次 ComboBox 更改(使用 SelectedIndexChanged)时,如果打开,则以其他形式显示新值的消息

    我想从 Form1 组合框中获取所选语言 并启用其他表单来查看该语言 该组合框大约有 20 种语言 所以是的 您可以说相当多的语言 我有一个名为 ComboBoxLang SelectedIndexChanged 的 方法 当组合框中的语言
  • 设置 codeDOM 文件的文件版本

    我正在寻找任何方法来设置使用 codeDOM 生成的 exe 文件的文件版本 我的总是显示为 0 0 0 0 以编程方式显然是首选 但在这一点上 任何事情都比没有好 已编译程序集的版本由 AssemblyFileVersion 属性控制 您
  • Windows 中的 Git 符号链接

    我们的开发人员混合使用基于 Windows 和 Unix 的操作系统 因此 在 Unix 机器上创建的符号链接成为 Windows 开发人员的一个问题 在 Windows 中 MSysGit https github com msysgit
  • 无法使用 Vue.config.delimiters,只能在 new Vue() 上设置分隔符

    As per 这个答案 https stackoverflow com a 36530534 11236 我正在尝试设置Vue config delimiters 为了使用Vue与服务器端handlebars 当我只使用全局配置时 它没有任
  • 如何减小 openlayers 3 中图标的大小,我正在使用 bing 地图

    这是我的代码 var iconFeature new ol Feature geometry new ol geom Point ol proj transform 95 3698 29 7604 EPSG 4326 EPSG 3857 n