leaflet相关内容

R 中传单地图上的 3D 条形图可视化

我正在使用 R 和 Leaflet(在一个闪亮的应用程序中).我有我想通过地图上的 3D 图可视化的点数据 - 像这样:https://slipiste.wordpress.com/2015/09/29/3d-bar-plot-on-a-map-in-r/如果没有在传单上完成,可以理解如何做到这一点.但是如何在传单地图上绘制它呢?有没有办法做到这一点? 他们的方式我认为它必须在我的传单地图上 ..
发布时间:2021-11-25 02:12:57 C#

如何在传单地图上以图形方式映射 JSON 数据?

我想使用 Citybik.es API (http://api.citybik.es/) 在传单地图上显示数据. 如何从 JSON 在地图上实现这些数据?我已经从 componentDidMount() 内的 API 获取信息,但我不知道关于将这些数据放入地图. 响应如下所示: {“网络":[{“公司": [“Bike U Sp. z o.o."],"href": "/v2/netw ..
发布时间:2021-11-15 03:16:40 其他开发

如何在传单中使用@angular/universal?

是否可以将 Leaflet 与 angular/universal 一起使用?如何避免在服务器中构建 Leaflet? npm run build:prod 后生成 dist 文件夹.但是当我运行 node server.js 时出现以下错误: var requestFn = window.requestAnimationFrame ||getPrefixed('RequestAnim ..
发布时间:2021-11-10 05:09:48 其他开发

传单地图的大小不适合目标元素的尺寸

我很难让传单地图在我的应用程序的 div 内正确呈现. 可能值得一提的是,我正在使用 angularJS、angular-material(带有基于 flex 的布局)和 ui-router,因此 div 所在的页面是用户调用导航操作时加载的状态的模板到该页面(例如,通过点击导航栏项目). 我的状态模板文件非常简单: ..
发布时间:2021-11-10 04:56:45 其他开发

DOM 对象存在后,在 angular2 组件中初始化传单地图

我目前正在尝试在有角度的材料 2 tab-group 中创建传单地图,如下所示 从“@angular/core"导入 {Component, NgModule}从“@angular/platform-b​​rowser"导入 {BrowserModule}从“@angular/material"导入{ MaterialModule};从“@angular/core"导入 { Component, ..
发布时间:2021-11-10 02:24:11 其他开发

传单地图的大小不适合目标元素的尺寸

我很难让传单地图在我的应用程序的 div 内正确呈现. 可能值得一提的是,我正在使用 angularJS、angular-material(带有基于 flex 的布局)和 ui-router,因此 div 所在的页面是用户调用导航操作时加载的状态的模板到该页面(例如,通过点击导航栏项目). 我的状态模板文件非常简单: ..
发布时间:2021-11-10 02:03:58 其他开发

无效的 Geojson 对象 Angularjs &Leafletjs

在我的项目中,我尝试将过滤器与显示在表格和地图上的 geojson 同步.为了实现这一点,我使用了 angular 和以前的 angular-leaflet-directive,但是对于我的目的来说性能很慢,所以我决定为 Leaflet.js 制定我自己的指令. 在我的情况下,我可以将数据从控制器传递到我的指令,但它使地图静态,当我尝试在过滤后传递数据以使我的地图动态时,地图未显示任何标记, ..
发布时间:2021-11-09 23:33:17 其他开发

使用 markercluster 和 angular-leaflet-directive 捕获集群上的点击事件

我正在使用 angular-leaflet-directive,并获得标记鼠标点击的名字是直截了当的.我只是监听 leafletDirectiveMarker.click 事件,然后访问 args.markerName. angular-leaflet-directive 也适用于 markercluster,因此我可以将具有相同的坐标或附近的坐标.但是,我想执行以下操作,但是文档中不清楚如 ..
发布时间:2021-11-09 23:05:33 其他开发

传单 - 获取覆盖全屏的地图

在传单和地图框中,我想去掉地图上方和下方的两个灰色条,如下图所示.我的 #map DOM 元素占据全屏,当我放大时灰色条消失(例如,zoomLevel = 3).因此,灰色条似乎是由于 zoomLevel 具有小于我的屏幕的给定高度(以 px 为单位)的图块. 我想保持相同缩放级别的图块,但要确保图块的高度至少覆盖整个屏幕. 这是我的地图设置代码: vm.map = L.map(' ..
发布时间:2021-11-09 04:21:10 其他开发

如何在传单标记弹出窗口中使用 Angular 指令 ng-click 和 ng-class

我将 Angular.JS 和 Leaflet.JS 用于我所在位置的地图,该地图具有绑定弹出窗口的地图标记.我需要使用带有两个不同图标的跨度(一个在下面的代码中显示),您可以单击它们以调用不同的函数,并使用 ng-class 在满足某些条件时更改类.这是我的代码: var marker = L.marker([51.5, -0.09], {icon: blueIcon}).bindPopup( ..
发布时间:2021-11-09 03:42:09 其他开发

类型“typeof Control"上不存在属性“Draw"

我正在尝试使用传单和其他传单插件实现地图组件.问题是其他插件由于某种原因在 TypeScript 中不起作用. 例如,我无法使用leaflet-draw插件编译代码并出现错误: “typeof Control"类型不存在“Draw"属性 mapbox.component.ts import { DataService } from "../data-service.servic ..
发布时间:2021-11-09 00:29:19 其他开发

关于资产优化的 Angular-cli“JavaScript 堆内存不足"

我正在 Angular-cli 项目中创建传单地图.地图图块本地存储在“资产"文件夹中,因为它是栅格地图.问题是当我有很多缩放级别的地图时,我有超过 28 万张图像,大小大约为 1.1 GB,而且会变得更大. 当我使用 ng serve 时,这里是控制台输出(它被卡住了@assets optimization): ** NG Live Development Server 在 http:/ ..
发布时间:2021-11-09 00:09:19 其他开发

Angular 2/Leaflet map,如何从标记弹出窗口链接到组件?...路由器链接?

在我的 angular 2 应用程序中,我有一个传单地图,其中有一个绑定到 onClick 事件的弹出窗口. 弹出窗口的内容有一个指向角度组件的链接.但是,当我在 .setContent() 函数中使用 routerLink 时,链接不会显示. 我猜这是因为 .setContent() 无法呈现有意义的 angular 2 指令.我可以用什么代替? @Component({选择器:“ ..
发布时间:2021-11-08 21:29:44 其他开发

将传单弹出窗口调整为角度传单中的表格大小

我在 Leaflet 地图上有一个图层的弹出窗口,当您单击地图上的某个点时会出现一个弹出窗口.弹出窗口应显示一个包含该特定图层数据的表格.但是,弹出窗口不会根据表格大小进行调整: 但是当我去掉 leaflet-popup-content 的默认宽度时,弹出窗口不会出现在该点的正上方并向右移动: 我显示弹出窗口的方式如下(在我的弹出服务中): let popupOptions = {类 ..
发布时间:2021-11-04 12:06:27 其他开发

如何以角度形式创建传单地图

我的要求是以角度形式创建传单地图,但我对这个形式不熟悉 我知道如何将地图与普通 html 以角度方式集成,如下所示 ma​​p.component.ts ngOnInit() {const map = L.map('map').setView([51.509865,-0.118092], 10);L.tileLayer('https://{s}.tile.openstreetmap ..
发布时间:2021-11-04 11:44:22 其他开发

ngx-leaflet-draw:导入没有 ɵmod 属性的模块

导入没有 ɵmod 属性的 LeafletDrawModule 我在单元测试期间看到了这个错误(开玩笑). 当我运行 ng 应用程序时,代码运行良好.传单绘制功能完美. 角度:11@asymmetrik/ngx-传单:8.1.0@asymmetrik/ngx-leaflet-draw: 7.0.0 当单元测试组件引用 LeafletDrawModule 时会发生此错误 解决方 ..
发布时间:2021-11-04 11:43:11 其他开发

传单:在 GeoJSON 层中使用动态过滤器

我已经很接近了,但我很难理解如何将多个用户提交的表单复选框值传递给 Leaflet geoJSON 过滤器函数并只显示这些点. 到目前为止我所拥有的...... $('#map-filters').on("submit", function(e){e.preventDefault();map.spin(true,spinOpts);submitValues = $(this).serial ..
发布时间:2021-10-26 17:08:58 其他开发