问题标签 [angular-leaflet-directive]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
javascript - 使用 circleMarker 自定义角度传单指令中的标记
我想知道是否有人有修改angular-leaflet-directive
以支持创建circleMarkers
而不是采购img
.
目前,您可以创建将在 Leaflet 地图上填充的标记,方法是按以下方式将它们列为 JSON:
我想知道是否icon
可以轻松修改以允许描述 acircleMarker
而不是图标?
javascript - ngRepeat + map.invalidateSize() 的 ng Leaflet 指令问题
我有一个基于异步调用生成一系列地图的页面。当地图首次加载时,它们缺少图块,如下图所示。
我可以通过调用map.invalidateSize()
重绘每个瓷砖来解决这个问题。目前我在加载时创建了 8 个,其余部分通过 Angular 指令进行分页。切换到任何其他 8 个或来回切换将“修复”前 8 个。
由于前 8 个是 a 的乘积ngRepeat
,因此它们都具有相同的 ID。从理论上讲,我可以将索引或其他一些字符串修改添加到 8 个映射中的每一个的 id 中,并创建一个下面的代码循环以map.invalidateSize()
在每个映射上运行,但这似乎是一个迂回和整体糟糕的问题解决方案。有人有更好的建议吗?
svg - 使用不属于 DOM 的 JS 加载和操作 SVG
我正在使用带有自定义标记的传单 js。这些标记需要移动、更改颜色和旋转。移动相当简单,因为可以更新标记位置。对于颜色,我需要访问图像上的特定路径,即 svg。如果我可以访问 js 中的 svg,也应该能够处理旋转。
我这样做的想法是在 js 中加载 svg,然后根据需要对其进行修改,然后再将其分配给自定义图标。有没有一种简单的方法可以在 js 中加载 svg,以便可以在不属于 DOM 的情况下对其进行操作?
任何建议表示赞赏
javascript - 当Leaflet.js中的集群中少于10个标记时如何显示集群中的标记
我使用 Leaflet.js 创建了一个演示。一切都很好,但是现在我想在集群中的标记小于 10 时显示所有标记。这在 Leaflet.js 中是否可行。我目前正在使用 Leaflet.js 版本 0.7 下面是我的代码。
下面是我在 heroku 上的演示链接。 http://stagingleaflet.herokuapp.com/
任何形式的帮助表示赞赏?谢谢
ionic-framework - Leafletjs 覆盖双击
如何覆盖在 LeafletJS 地图上的双击?我不想放大地图,我想启动一个自定义程序。这是离子内的角度传单指令。
编辑:
我被指给了doubleClickZoom
房产(我一定是盲人:))。但是,当我设置时doubleClickZoom = false
,两指缩放也被禁用......?我想保持两指缩放,但禁用 doubleClickZoom。作为替代方案,我可以选择trippleClickZoom
,这显然没有实现。
angularjs - Leaflet - 将 lat/lng 转换为标准投影
如果数据在外部文件(geojson)中,如何将坐标从 Leaflet 坐标系转换为 Google 使用的坐标系(WGS-84?)?在使用外部 geojson 文件的示例中,我已经为巴黎和萨格勒布定义了坐标,我正在寻找将这些坐标转换为准确位置的解决方案:)
有 Proj4js JavaScript 库,但我找不到这种情况的类似示例(带有外部文件)。
javascript - 如何保存 ImageOverlay 的状态:传单
介绍
我正在使用传单 api,创建一个使用两个图像叠加层(添加到地图)的应用程序。
问题
当我加载两个图像叠加层以使用固定边界进行映射时。现在我已经放置了控件来切换图像叠加层,即下一个和上一个
我使用了函数 bringToFront(); 在这些控制背后......
但是当我绘制矩形之类的东西并切换图像覆盖时,图像或点上绘制的形状将会丢失,或者我猜它们的外观会丢失。
部分实现不完整的脚本
我还没有保存产生问题的绘制矢量或图像覆盖状态,有什么方法可以解决这个问题或将 id 设置为图像覆盖?
angularjs - Angular Mapbox vs Angular Leaflet Mapbox vs Angular 谷歌地图
我很困惑使用哪一个。我目前正在使用 angular mapbox --> http://inkblot.io/angular-mapbox,但是文档没有解释我想要的某些功能,例如如何将 API 调用中的标记与线条连接以及如何使地图居中生成时在标记上。Angular Mapbox 非常适合使用 $scope 来呈现数据,但我正在考虑切换到其他东西以拥有这些其他功能。有谁知道一个简单的解决方案,使用带有 $scope 的 ngrepeat 渲染数据,将这些标记与线条连接起来,并在生成这些标记时使地图居中?
javascript - 使用 BringToFront() 时图像覆盖状态丢失:传单
介绍
我正在使用传单 api,创建一个使用两个图像叠加层(添加到地图)的应用程序。
问题
当我加载两个图像叠加层以使用固定边界进行映射时。现在我已经将控件用于切换图像叠加层,即下一个和上一个
我使用了函数 bringToFront(); 在这些控制背后......
但是,当我绘制矩形之类的东西并切换图像覆盖时,图像或点上绘制的形状将会丢失,或者我想失去它们的外观......我现在不知道如何解决这个......
部分实现不完整的脚本
我知道,我还没有保存会产生问题的绘制矢量或 imageoverlay 的状态,有什么方法可以解决这个问题或将 id 设置为 imageoverlay ???
如果有人对此有任何想法,请提供帮助,任何帮助或参考将不胜感激....感谢您的宝贵时间
javascript - 将绘制的形状/标记与特定的切换层绑定:传单
我正在使用使用传单插件的应用程序Beta_Here,所有库都是本地的,除了少数(css 相关)
应用程序的使用
第一视图:此应用程序从用户那里获取输入并相应地设置距离计算公式....
第二视图:输入例如 9 后,将加载第二视图,我们可以在其中绘制形状....
介绍
我已经设置了将加载两个图像覆盖(图层)的脚本,我们可以从右上角切换它们,我们可以从左下角绘制或测量......
问题
当我们在图像上绘制形状或放置标记时,控件几乎可以完美运行,但是当我们切换图层时,问题就出现了……所有形状都转到背景或(似乎它们消失了)
主要问题
如果有办法我们可以看到绘图不是与图像绑定而是与地图容器绑定,我们如何将绘图和标记绑定到特定图层(图像覆盖)......(如果你觉得我在做,请原谅我一些愚蠢的事情,因为我对图层的了解有限,所以我在这里提出了我的问题....
如果有人知道如何解决这个问题,请提供帮助或任何形式的参考将不胜感激......感谢您的时间
工作脚本