标签: mapbox

由于某种原因,我的地图上有一个很大的灰色区域,直到我移动它使它出现.

但是第一眼看,有一部分缺失了.我以前在网上看到过这么多,但从来没有想过如何解决它到现在为止.

这是一个使用MarkerClusterGroup进行聚类的简单Mapbox映射.

这是截图和页面链接:

http://vinpin.com/map

所以我想知道,这种行为是否有任何简单的修复方法？

如果需要,我可以添加代码段.

感谢,并有一个愉快的一天!

我正在尝试从GeoPoints集合中找到边界框,但它没有正确缩放.我正在粘贴我用来找到下面边界框的功能

private BoundingBox createBoundingBox(final ArrayList<LatLng> list){
        double minLatitude = 90, minLongitiude = 180, maxLatitude = -90, maxLongitude = -180;
        double currentLat, currentLng;
        for(LatLng location : list){
            currentLat    = location.getLatitude();
            currentLng    = location.getLongitude();
            minLatitude   = Math.max(minLatitude, currentLat);
            minLongitiude = Math.max(minLongitiude, currentLng);
            maxLatitude   = Math.min(maxLatitude, currentLat);
            maxLongitude  = Math.min(maxLongitude, currentLng);
        }
       return new BoundingBox(minLatitude, minLongitiude, maxLatitude - minLatitude,
               maxLongitude - minLongitiude);
}

任何人都可以告诉我这里我做错了什么.地图缩放级别仍为0.

我是新手,正在研究他的前端技能,我正在设计自己的网站来学习.我正在尝试使用Mapbox API实现地图,我无法获得我在地图中使用的描述框的样式.

链接到我的网站

地图位于底部.现在我设法在地图上放置一个隐藏的描述框.单击地图上的标记时,将删除隐藏属性,单击地图时会再次添加.

map.css

#map {
    width:100%;
    height: 500px;
}

pre#description{
    position: relative;
    top: -100px;
    left: 20px;
    padding:5px 10px;
    background: rgba(0,0,0,0.5);
    color: #fff;
    font-size: 11px;
    line-height: 18px;
    border-radius: 5px;
    max-width: 25%;
    overflow-x: hidden;
    overflow-y: visible; 
}

map.js

L.mapbox.accessToken = 'pk.eyJ1Ijoicm9oYW4wNzkzIiwiYSI6IjhFeGVzVzgifQ.MQBzoHJmjH19bXDW0b8nKQ';
var map = L.mapbox.map('map', 'examples.map-i86nkdio')
    .setView([30, 60])
    .on('click', function(){
        $("#description").addClass('hidden');
    });

L.marker([28.612896, 77.177275], {
    icon: L.mapbox.marker.icon({
        'marker-size': 'large',
        'marker-symbol': 'warehouse',
        'marker-color': '#2880CA'
    }),
    title: 'My Location'
})
.on('click', function(){
    $("#description").removeClass('hidden').empty().append('My Location');
})
.addTo(map);

L.marker([51.081482, 10.300311], {
    icon: L.mapbox.marker.icon({
        'marker-size': …

我很困惑哪一个使用.我目前正在使用角度映射框 - > http://inkblot.io/angular-mapbox,但是文档没有解释我想要的某些功能,比如如何将API调用中的标记与线连接以及如何将地图置于中心在标记生成时.Angular Mapbox使用$ scope来渲染数据非常棒,但是我想切换到其他东西才能拥有其他功能.有没有人知道一个简单的解决方案,使用带有$ scope的ngrepeat渲染数据,用线条连接这些标记,并在生成这些标记时使地图居中？

是否可以在不删除和添加新注释的情况下移动注释？

我想坚持使用MapBox,因为未来支持离线地图.

先感谢您!!

我有以下Leaflet地图:JSFiddle链接

<div id="mapid" style="height: 300px;"></div>

<script>
  var mapboxTiles = L.tileLayer(mapBoxUrl, {
    attribution: attributionText
  });

  var map = L.map('mapid')
    .addLayer(mapboxTiles)
    .setView([42.888284, -78.877222], 16);

</script>

街道标签的字体大小非常小,无法读取,放大时,字体大小会变小.有没有办法控制字体大小？

我正在使用Mapbox GL JS并从我的Mapbox帐户加载tileset图层.其中一些图块集图层仅适用于缩放级别10到15.

我的地图的默认缩放级别是5,当我加载地图时,我收到一个JavaScript控制台错误,说该tileset是404ing:

有什么方法可以避免这种情况吗？我不想一直重新创建tileset来缩放5级,因为它会不必要地增加它的大小.

我不认为控制台错误导致Chrome出现任何问题,但我不知道它是否会在其他浏览器中出现.

我正在使用mapbox示例以在地图上创建多个多边形,并且每个都有弹出事件.我的问题是我需要根据它的geojson属性设置每个多边形的填充颜色.

这是我的榜样.我使用以下javascript代码:

mapboxgl.accessToken = 'pk.eyJ1IjoibWFoYW5tZWhydmFyeiIsImEiOiJ6SDdSWldRIn0.8zUNm01094D1aoSeHpWYqA';
var map = new mapboxgl.Map({
    container: 'map',
    style: 'mapbox://styles/mapbox/streets-v9',
    center: [51.40545845031738,
    35.75069181054449],
    zoom: 10

});

map.on('load', function (e) {
    // Add a layer showing the state polygons.
    map.addLayer({
        'id': 'states-layer',
        'type': 'fill',
        'source': {
            'type': 'geojson',
            'data': 'geojson.js'
        },
        'paint': {
            'fill-color': 'rgba(200, 100, 240, 0.4)',
            'fill-outline-color': 'rgba(200, 100, 240, 1)'
        }
    });

    // When a click event occurs on a feature in the states layer, open a popup at the
    // location of …

我的GeoJson文件很大，我需要将其转换为Mapbox可以加载的矢量格式。我需要一个外部文件，因此无法使用Mapbox Studio上载和转换数据。

目前，我找到了https://github.com/mapbox/tippecanoe工具，但是它将GEoJSON转换为MBTiles（SQLite格式）。我认为不能在我的地图上使用它。正如我从Mapbox服务的所有示例中看到的那样-它使用XXX.vector.pbf（protobuf）格式（既小又快）。所以问题是-如何从原始的GeoJSON获取Protobuf矢量文件？谢谢！

我想在Mapbox Android SDK中禁用旋转(方位),因为它当前太敏感了 - 当我捏缩放时,地图也会旋转.

我尝试将这些属性添加到布局中:

<com.mapbox.mapboxsdk.maps.MapView
    ...
    mapbox:mapbox_cameraBearing="0.0"
    mapbox:mapbox_uiCompass="false"
    ... >
</com.mapbox.mapboxsdk.maps.MapView>

但后来才知道它们分别用于设置初始旋转和隐藏指南针.

如何在Mapbox Android SDK中禁用旋转？