如何减小 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 地图 的相关文章

  • 将图块的 xyz 坐标转换为经度/纬度

    我想使用 openlayers 制作地图 但以独特的方式将其居中 例如 我的 z x y 坐标为 12 2045 1362 如何将其转换为经度 纬度 这与此完全相反 如何通过点击Leaflet地图获取tile的X Y Z坐标 我很难理解上述
  • 如何在 OpenLayers-3 中使用 SVG 图像作为地图标记?

    我正在尝试使用 SVG 图像在 OpenLayers 3 OL3 中创建地图 针滴 即地图标记 目前 我使用 PNG 图像作为引用 ol style Icon 源 src 属性的 pindrop 效果很好 但是 使用 SVG 图像时会失败
  • 在openlayers3中不使用任何图像绘制箭头

    如何在 Openlayers 3 地图中的矢量图层上绘制箭头 我尝试使用 canvaselement 创建箭头 但不知道如何在 ol3 地图上绘制它 画布元素不是必需的 您可以从以下位置获取箭头示例Openlayers 网站并添加 2 个自
  • 使用 Bing Maps Quadkeys 作为 Openlayers 3 Tile 源

    我有许多图块源 它们在旧的 Silverlight 应用程序中使用 Bing Maps 的 Quadkey 系统 我想在新的 Openlayers 3 地图中使用它们 我找到了几个函数示例 这些函数会将这些源转换为 Leaflet js 但
  • CORS 策略已阻止从来源“null”访问图像

    我在 OpenLayers 3 中有 JavaScript 应用程序 我的基础层是从本地图块创建的 我只在我的计算机上工作 所以我不知道为什么会出现 CORS 错误 var newLayer new ol layer Tile source
  • 如何在 OpenLayers 3 中使描边不透明度起作用

    无论我如何尝试 我都无法在 OpenLayers 3 中使描边不透明度正常工作 我试图实现的是用 0 5 的不透明度在 OSM 平铺地图上画一条线 这是示例代码 var lineString new ol geom LineString 4
  • Openlayers 3. 如何为功能制作tootlip

    现在我正在将我的项目从 openlayers 2 移动到 openlayers 3 不幸的是 我找不到如何显示功能的标题 工具提示 OL2中有一种风格叫graphicTitle 您能给我一些如何在 OL3 上实现工具提示的建议吗 这是 ol
  • OpenLayers 3 和 XYZ 层

    I have a map which I want to display It consists of a standard map OSM Google or Bing and a layer provided by Openseamap
  • 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
  • 打开第3层,map.on('moveend',..):区分用户交互和map.setCenter()调用

    我正在为 GIS 应用程序实现 OL 并希望在用户滚动地图时添加 20 秒的超时 之后 GPS 自动跟踪功能应恢复 为此 我正在利用 map on moveend move func 侦听器 问题是它无法区分用户滚动还是位置更改来自map
  • div 下面仍然触发 click 事件

    这是我正在构建的 PhoneGap 应用程序 我正在我的笔记本电脑上进行测试 然后使用 PhoneGap cli 在 iPhone 上进行测试 我有一个 openlayers 3 地图 上面记录了点击事件 我还有一个 div 当菜单显示时
  • OpenLayers:如何检测地图视图是否已完全加载?

    我正在使用 OpenLayers 3 实现地图导出功能 但有一个问题 无法确定地图视图是否已完全加载或还缺少一些图块 好像没有这样的API或事件 最接近的是tileloadstart tileloadend 对 但是 OpenLayers
  • Openlayers 3 将 EPSG:4326 矢量重新投影到 EPSG:3857

    我需要将 GeoJSON 矢量数据从 EPSG 4326 转换为 EPSG 3857 我有一张地图 var olMapDiv document getElementById olmap control map new ol Map targ
  • 无法将 openlayers-3 与 webpack 一起使用

    我必须将 openlayers 包含在我正在开发的项目中 我已经尝试过将其包含在ext文件夹和 npm 我在我的工作流程中使用 Webpack 编译时 我在控制台中收到以下警告 WARNING in openlayers dist ol j
  • 获取 OpenLayers 中绘制要素的坐标

    我正在尝试使用 OpenLayers 3 创建在线地图 我对使用 OpenLayers 是全新的 我想做的就是获取我在地图上绘制的点 线 多边形的坐标 我知道有一个 featuresadded 参数可用 但我无法正确实现它 有人能给我指明如
  • 设置样式缩放级别 openlayers 3

    在 Openlayers 中 可以根据缩放级别打开或关闭某些功能 尽管查看了文档 但我在 OpenLayers 3 中没有找到相同的功能 有谁知道如何做到这一点 这是我放置在地图上的功能ol style Text是我只想在用户放大到特定缩放
  • OpenLayers 3 中的边界如何工作?

    是否有这样的概念OpenLayers Bounds http dev openlayers org docs files OpenLayers BaseTypes Bounds js htmlOpenLayers 2 x 中的内容仍然存在于
  • GeoJSON 要素坐标未显示在 OpenLayers 地图上

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

    我做了一个copy https gis stackexchange com questions 178222 how to delete a listener in openlayers 3我在 stackoverflow 上提出的问题 因

随机推荐

  • 无需 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