这里使用 ui-leaflet 进行地图配置

Question

我正在尝试使用 ui-leaflet 和 ui-leaflet-layers 设置 Here Maps。这是我编写图层的方式。地图容器已加载但没有地图。你能帮忙吗？谢谢

layers: {
    baselayers: {
        hereMapsLayer: {
            name: 'Sample',
            type: 'here',
            layerOptions: {
                id: "hereId",
                code: "hereCode"
            }
        }
    },
    overlays: {}
}

Answer 1

以下是对我有用的方法：

layers: {
  baselayers: {
    hereMapsLayer: {
      name: 'Map name',
      type: 'xyz',
      url: 'http://{s}.{base}.maps.cit.api.here.com/maptile/2.1/{type}/{mapID}/{scheme}/{z}/{x}/{y}/{size}/{format}?app_id={app_id}&app_code={app_code}&lg={language}',
      layerOptions: {
        attribution: 'Map &copy; 2016 <a href="http://developer.here.com">HERE</a>',
        subdomains: '1234',
        base: 'base',
        type: 'blinetile',
        scheme: 'pedestrian.day',
        app_id: 'app_id',
        app_code: 'app_code',
        mapID: 'newest',
        maxZoom: 20,
        language: 'eng',
        format: 'png8',
        size: '256'
      }
    }
  }
}

来自 Here.com 的 link 帮助我解决了这个问题：https://developer.here.com/news/201602172

当您准备好上线时，请不要忘记从您的 url 中删除 "cit"。

这里使用 ui-leaflet 进行地图配置

Here Maps configuration with ui-leaflet

here-api

angularjs

ui-leaflet