Javascript TileMill MapBox地图可平移到不同的世界,而无需任何标记
我有一张从tilemill导出的地图,制作了一张地图盒,并在上面添加了一些点。视野从美国开始,中间有一个标记。如果我在下一次看到美国时才离开,标记就不见了。下面是代码减去geoJson数据Javascript TileMill MapBox地图可平移到不同的世界,而无需任何标记,javascript,google-maps-markers,mapbox,tilemill,Javascript,Google Maps Markers,Mapbox,Tilemill,我有一张从tilemill导出的地图,制作了一张地图盒,并在上面添加了一些点。视野从美国开始,中间有一个标记。如果我在下一次看到美国时才离开,标记就不见了。下面是代码减去geoJson数据 var map = L.mapbox.map('map', 'natecraft1.xdan61or').setView([-102, 39], 4); map.markerLayer.on('layeradd', function(e) { var marker = e.layer; var fea
var map = L.mapbox.map('map', 'natecraft1.xdan61or').setView([-102, 39], 4);
map.markerLayer.on('layeradd', function(e) {
var marker = e.layer;
var feature = marker.feature;
var image = feature.properties.images
// var img = images
// Create custom popup content
var popupContent = '<img class="pics" src="' + image + '" />'
marker.bindPopup(popupContent,{
closeButton: false,
minWidth: 320,
offset: [180, 20]
});
});
map.markerLayer.setGeoJSON(geoJson);
map.markerLayer.on('click', function(e) {
e.layer.openPopup();
var lat = e.layer.getLatLng().lat;
var lng = e.layer.getLatLng().lng;
map.panTo([lat+5, lng+5], 2);
});
map.markerLayer.on('', function(e) {
e.layer.closePopup();
});
您的tilelayer正在环绕地球寻找坐标。最好的选择是设置maxBounds选项,这样用户就不会在地图外平移,而只会被反弹回来
var map = L.mapbox.map('map', 'examples.map-9ijuk24y').setView([0,0], 2);
var layer = L.mapbox.tileLayer('examples.map-9ijuk24y', {
noWrap: true,
minZoom: 3
}).addTo(map);
map.options.maxBounds = map.getBounds();
这是一个什么样的例子