85得票5回答
Leaflet中的标记,点击事件

var map = L.map('map'); var marker = L.marker([10.496093,-66.881935]).on('click', onClick); function onClick(e) {alert(e.latlng);} marker.addTo(map...

84得票7回答
LeafletJS:如何删除缩放控件

我正在尝试在LeafletJS地图上移除缩放控件(+/-)。 我正在使用MapBox.js版本的Leaflet,但大多数操作与Leaflet相同。我像这样实现我的地图: var map = L.mapbox.map('map'); var layer = L.mapbox.tileLay...

83得票18回答
React-Leaflet地图未正确显示。

我正在尝试使用react-leaflet来显示地图。我使用来自这个 fiddle的代码,它可以工作,但是在我的电脑上输出结果是这样的: 这是我的代码: DeviceMap.jsimport React from 'react' import { Map, Marker, Popup, ...

69得票8回答
如何让Leaflet在R中使用时占用Shiny仪表板的100%高度

我正在创建一个Shiny仪表板应用程序,其中仪表板主体应显示一些地图。到目前为止,没有问题可以使地图扩展到整个主体的宽度,但它似乎不愿意调整到完整的高度。 Leaflet本身已经设置为覆盖100%的高度,但它并不能起到作用。一旦我使用leafletOutput的高度属性,leaflet对象...

66得票1回答
Leaflet.js如何将地图居中于一组标记?

我正在使用Leaflet.js,希望有一种方法可以使地图居中于我所拥有的标记,以便在页面启动时所有标记都在用户视野范围内。如果所有标记都聚集在一个小区域内,我希望地图能够缩放到一个仍然显示所有标记的级别。 我知道谷歌地图有自动居中功能,但是如何在Leaflet.js中实现呢?

65得票4回答
在 React 没有直接管理 DOM 的区域使用 ReactDOMServer.renderToString 是否可以?

我正在开发一个使用 Leaflet(通过react-leaflet)的应用程序。 Leaflet直接操作DOM。 react-leaflet库不改变它,只是给你React组件,你可以使用这些组件以React友好的方式控制Leaflet地图。 在这个应用程序中,我想使用包含一些简单元素的div...

63得票5回答
如何保护JavaScript API访问令牌?

有许多在线资源提供JavaScript API以访问其服务,以下以MapBox为例说明,但这同样适用于各种领域的其他服务。当某人想在网络应用程序中使用此类服务时(例如来自MapBox的地图影像),通常需要注册/登录并获得访问令牌才能访问该服务。现在,如果我从服务器端使用API,则没有问题:我知...

62得票6回答
叶片地图API与谷歌卫星图层

我对Leaflet地图API非常感兴趣。 然而,我需要能够使用谷歌卫星图层。我没有找到如何将谷歌卫星图层添加到Leaflet的示例。我了解到,我仍然需要加载谷歌地图API才能实现这一点(OpenLayers有一个示例)。

62得票6回答
如何在添加新标记和图层之前清除Leaflet地图上的所有标记和图层?

我有以下的代码: map: function (events) { var arrayOfLatLngs = []; var _this = this; // setup a marker group var markers = L.markerCluste...

58得票4回答
Leaflet:如何将文本标签添加到自定义标记图标?

能否在自定义图标标记中添加文本?我想避免编辑图像编辑器中的图标以添加文本。我是这样创建自定义图标标记的:var airfieldIcon = L.icon({ iconUrl: 'images/airfield.png', iconSize: [48,48] }...