Настроить карту Bing с помощью Leaflet - PullRequest
Новая
       46

Настроить карту Bing с помощью Leaflet

0 голосов
/ 26 апреля 2020

Я использую библиотеку Leaflet поверх карт Bing в приложении React JS. Я хотел бы применить пользовательские цвета для дороги, воды, ... et c. Для этого я использовал приведенный ниже код. Но это не сработало для меня. 

let customStyles = {
  "waterPoint": { "iconColor": "#a1e0ff" },
  "transportation": { "strokeColor": "#aa6de0" },
  "road": { "fillColor": "#b892db" },
  "railway": { "strokeColor": "#a495b2" },
  "structure": { "fillColor": "#ffffff" },
  "runway": { "fillColor": "#ff7fed" },
  "area": { "fillColor": "#f39ebd" },
  "political": { "borderStrokeColor": "#fe6850", "borderOutlineColor": "#55ffff" },
  "point": { "iconColor": "#ffffff", "fillColor": "#FF6FA0", "strokeColor": "#DB4680" },
  "transit": { "fillColor": "#AA6DE0" }
}


'Default': L.bingLayer({
  key: 'my_private_key',
  imagerySet: 'CanvasDark',
  culture: 'en-US',
  type: 'AerialWithLabels',
  style: customStyles
}

Я использовал ниже URL для ссылки. https://docs.microsoft.com/en-us/previous-versions/mt823632 (v = msdn.10)? Redirectedfrom = MSDN

Может ли кто-нибудь помочь мне в этом?

1 Ответ

0 голосов
/ 28 апреля 2020

Я использовал приведенную ниже настройку, и она удовлетворяет моим требованиям. 

let baseLayers = {
   'Default': L.bingLayer({
       key: 'my-access-key',
      imagerySet: 'RoadOnDemand',
      culture: 'en-US',
      style: 'wt|fc:28fa3c;lbc:a0a1a1;loc:111505_ar|fc:474747_trs|fc:222527;lbc:a0a1a1;loc:000505;sc:0_g|lc:2f3133;srv:0;lbc:a0a1a1;loc:000505'
    })
}
...