标签: leaflet

标记边界数组的居中地图[单张]

我正在使用Leaflet来标记一系列标记.我正在使用MarkerCluster插件来创建集群.我现在正在做什么我将地图的视图设置为我的数组的第一点.我要做的就是使地图居中,以便用户可以在地图加载时查看所有点/群集.

我的阵列看起来像m = [L.Marker, L.Marker,...].我将每个添加到我的群集组,如:

var markers = L.MarkerClusterGroup();
for(var i = 0; i < m.length; i++){
     markers.addLayer(m[i]);
}

Run Code Online (Sandbox Code Playgroud)

javascript jquery leaflet

Lou*_*ieV

lucky-day

0
推荐指数

1
解决办法

3816
查看次数

使用传单热图控制热图的不透明度

我正在使用 Leaflet.js ，热图插件。

有一个叫做 L.heatLayer 的小类（源代码https://github.com/Leaflet/Leaflet.heat/blob/gh-pages/src/HeatLayer.js）

没有不透明度选项

选项只有

options: {
maxZoom: 18,
radius: 25,
blur: 15,
max: 1.0},

Run Code Online (Sandbox Code Playgroud)

有什么办法可以使用此 Leaflet.js heatLayer 控制不透明度？非常感谢

javascript heatmap leaflet

Hel*_*lad

lucky-day

0
推荐指数

1
解决办法

1722
查看次数

当使用传单地图将标记排列在阵列中时，如何在标记单击上打开弹出窗口

大家好，我有一组标记是在.each循环上动态创建的，就像这样。

$.each(data, function(index, element) {
    markerArr[element.id] = L.marker(map.unproject([element.LocationX,element.LocationY],map.getMaxZoom()-4)).addTo(map);
});

Run Code Online (Sandbox Code Playgroud)

我的问题是如何在单击时为每个弹出窗口打开弹出窗口，并在弹出窗口中显示唯一ID？

如果要像这样用唯一的名称声明每个标记，则可以执行此操作。

var marker1 = L.marker([158,395]).addTo(mapl);
var marker2 = L.marker([158,410]).addTo(mapl);
marker1.bindPopup("Kanye West");
marker1.on('click', function (e) {
    this.openPopup();
});
marker2.bindPopup("50 Cent");
marker2.on('click', function (e) {
    this.openPopup();
});

Run Code Online (Sandbox Code Playgroud)

但是我需要能够打开数组中的所有标记。

尝试这样的事情没有运气

markerArr[this].on('click', function (e) {
    this.openPopup();
});

Run Code Online (Sandbox Code Playgroud)

任何帮助将不胜感激。

谢谢。

javascript leaflet mapbox

Bac*_*ice

2015 05-23

0
推荐指数

1
解决办法

3550
查看次数

传单：如何计算从中心点到边缘的距离

我正在使用传单绘制控件获取某些区域的几何图形。这些几何图形是多边形、线串、矩形和圆形，我将它们放入数据库中。我想获得从中心点到这些几何图形边缘的距离。

我正在使用https://github.com/mapbox/leaflet-omnivore以这种方式解析几何：

var layer = omnivore.wkt.parse(geometry);
var center = layer.getBounds().getCenter();

Run Code Online (Sandbox Code Playgroud)

我不知道如何获得从中心到边缘的距离。是否可以？

geometry leaflet mapbox

Sho*_*jaz

lucky-day

0
推荐指数

1
解决办法

4140
查看次数

传单点击功能

因此，我正在尝试使用带有 geojson 的传单作为坐标来映射公交路线。我在一个方面遇到了困难，点击后，总线线路被加粗，理想情况下，最后一次点击的功能会返回到默认样式。

到目前为止我所拥有的

function $onEachFeature(feature, layer) {
   layer.on({
    click: function(e) {
        //calls up the feature clicked on
        var $layer = e.target;

        var highlightStyle = {
            opacity: 1,
            weight: 5
        };

        $layer.bringToFront();
        $layer.setStyle(highlightStyle);
    }
 }); 
}

//imagine all the leaflet map tile code here

//this is where the features get added in and the $oneachfeature function
var busFeature = L.geoJson(busRoutes, {
     style: defaultBusRouteColor,
     onEachFeature : $onEachFeature
});

busFeature.addTo(map);

Run Code Online (Sandbox Code Playgroud)

上面，我现在成功地将功能的样式更改为highlightStyle. 但是，当单击另一个特征时，该样式将保留。如何删除之前单击的要素样式，以便一次只有一个要素具有该样式highlightStyle？

我已经尝试过的事情：使用 addClass/removeClass 到 jQuery 方法，layer.resetStyle() …

javascript css jquery geojson leaflet

作者

lucky-day

0
推荐指数

1
解决办法

6039
查看次数

给定中心和正方形宽度的传单正方形

在 Leaflet 上，给定中心和半径，我可以轻松创建一个新圆：

// Circle
var radius = 500; // [metres]
var circleLocation = new L.LatLng(centreLat, centreLon);
var circleOptions = {
    color: 'red',
    fillColor: '#f03',
    fillOpacity: 0.5
};
var circle = new L.Circle(circleLocation, radius, circleOptions);
map.addLayer(circle);

Run Code Online (Sandbox Code Playgroud)

上面的圆是创建和绘制的，没有问题，就这样了。

但是，如果我现在想创建并绘制一个包围圆的矩形，则它不起作用。这是我所做的：

// Rectangle
var halfside = radius;   // It was 500 metres as reported above
// convert from latlng to a point (<-- I think the problem is here!)
var centre_point = map.latLngToContainerPoint([newCentreLat, newCentreLon]);
// Compute SouthWest and NorthEast points
var sw_point = …

Run Code Online (Sandbox Code Playgroud)

javascript latitude-longitude leaflet angular-leaflet-directive

use*_*709

lucky-day

0
推荐指数

1
解决办法

3057
查看次数