当前位置: 首页 > 知识库问答 >
问题:

在Mapbox中添加多个GeoJSON文件

鲁涵映
2023-03-14

因此,我在脚本文件夹中有两个独立的GeoJSON文件,一个用于绘制边界线,另一个用于放置标记。每个GeoJSON文件都有不同的内容,例如:

var putMarkers = {
    type: 'Feature',
    "geometry": { "type": "Point", "coordinates": [-77.03, 38.90]},
    "properties": {
        "image": "https://upload.wikimedia.org/wikipedia/commons/thumb/e/ef/Cherry_Blossoms_and_Washington_Monument.jpg/320px-Cherry_Blossoms_and_Washington_Monument.jpg",
    "url": "https://en.wikipedia.org/wiki/Washington,_D.C.",
    "marker-symbol": "star",
    "marker-color": "#ff8888",
    "marker-size": "large",
    "city": "Washington, D.C."
    }
}

还有一个:

var states = {"type":"FeatureCollection","features":[
{"type":"Feature","id":"01","properties":{"name":"Alabama"},"geometry":{"type":"Polygon","coordinates":[[[-87.359296,35.00118],[-85.606675,34.984749],[-85.431413,34.124869],[-85.184951,32.859696],[-85.069935,32.580372],[-84.960397,32.421541],[-85.004212,32.322956],[-84.889196,32.262709],[-85.058981,32.13674],[-85.053504,32.01077],[-85.141136,31.840985],[-85.042551,31.539753],[-85.113751,31.27686],[-85.004212,31.003013],[-85.497137,30.997536],[-87.600282,30.997536],[-87.633143,30.86609],[-87.408589,30.674397],[-87.446927,30.510088],[-87.37025,30.427934],[-87.518128,30.280057],[-87.655051,30.247195],[-87.90699,30.411504],[-87.934375,30.657966],[-88.011052,30.685351],[-88.10416,30.499135],[-88.137022,30.318396],[-88.394438,30.367688],[-88.471115,31.895754],[-88.241084,33.796253],[-88.098683,34.891641],[-88.202745,34.995703],[-87.359296,35.00118]]]}}}

将一个GeoJSON放在这种格式中工作,

var geoJson = L.mapbox.featureLayer(states).addTo(map);

但是如何添加另一个geoJSON呢?

共有1个答案

冉绯辞
2023-03-14

您可以添加任意数量的FeatureLayer:

var stateCollection = {"type": "FeatureCollection", "features": [...]};
var countyCollection = {"type": "FeatureCollection", "features": [...]};

var stateLayer = L.mapbox.featureLayer(stateCollection).addTo(map);
var countyLayer = L.mapbox.featureLayer(countyCollection).addTo(map);

关于Plunker的示例:http://plnkr.co/edit/lY08pEq3O9UYZrCFrbo8?p=preview (将您自己的访问令牌添加到测试)

 类似资料:
  • 我试图使用MapBox来显示所有聚集在一个城市中的多个属性。 (还没有在这和传单之间做出决定) 这是我第一次处理geoJSON内容,并尝试创建包含多个地址的文件。 这是我从网上某个地方得到的一个示例,Mapbox一直在说: 它来自这个名为testing.geojson的文件,其中只包含以下内容: 我真的很困惑为什么它一直产生这个错误,因为我希望使这个示例与属性的实际地址一起工作。 任何建议/帮助将

  • 我试图弄清楚如何将lon/lat坐标上的GeoJSON列表加载到MapBox地图中。我想我已经很接近了,我只是不能让它真正起作用。 我在这里设置了一个演示页面:http://sandbox.charliehield.com/mapbox/ 这是GeoJSON文件: 超文本标记语言很简单: 和JS:

  • 我有一个MapBox地图,上面有通过MapBox网站创建的图钉。 我用我网站上的图钉打电话给这张地图。 就我的一生而言,我无法找到任何相关代码来完成以下两件事: 1) 我需要修改预先制作的点的GeoJSON数据,以向其添加URL(要执行类似操作:https://www.mapbox.com/mapbox.js/example/v1.0.0/markers-as-links/ ). 如何访问JS中的

  • 有没有一种方法可以使用标准ajax请求从mapbox获取geojson文件? 比如: 我们目前下载了一个geojson文件,并将其作为本地脚本加载到站点上,一切正常。但是拜托,必须有一种方法从mapbox获取它,这样我们就不必不断更新本地文件。客户永远不会理解这个概念。 有人知道API访问点或获取geosjon文件的东西吗?

  • 我试图创建一个人口的叶绿素地图在HighMaps使用自定义Geojson文件。 我有两个Geojson文件-第一个包含县级数据,第二个包含县域内较小的城镇区域。 我试图将县级边界添加到我的叶绿体地图中,类似于以下示例:http://www.highcharts.com/maps/demo/us-counties 我能够让小区域以适当的颜色渐变正确绘制;然而,县边界没有出现在我的地图上。 我的js代

  • 我有一个。Geojson文件(称之为data.geojson),我用它来手动更新mapbox上的数据集。 假设我的data.geojson文件的结构如下: data.geojson存储在本地,每12小时使用另一个从web上抓取数据的python脚本更新每个功能的“待业”属性。 目前,为了在在线数据集中(存储在mapbox.com)更新这些属性,我正在手动导航到mapbox网站并重新加载data.g