Изменить цвет маркеров для ЗДЕСЬ карты для текущего кода js - PullRequest
Новая
       24

Изменить цвет маркеров для ЗДЕСЬ карты для текущего кода js

0 голосов
/ 11 марта 2020

У меня есть некоторый js код, который у меня есть css файл, который редактирует его информационные поля.

Я собираюсь использовать VBA, чтобы написать этот js код и запустить его в google chrome.

Мой вопрос: как мне изменить цвет / изображение маркеров в приведенном ниже коде? Я действительно не хочу так сильно менять стиль, просто цвет маркера.

Полагаю, есть другой вариант, если у кого-нибудь есть пример js, мне нужно создать собственный маркер с прикрепленной инфопузырьком? Я также хотел увеличить масштаб карты до границ созданной группы, если это возможно?

Я использую VBA в качестве повседневного кода, так что это js довольно запутанно для меня. 

function addMarkerToGroup(group, coordinate, html) {

  var marker = new H.map.Marker(coordinate);
  // add custom data to the marker
  marker.setData(html);
  group.addObject(marker);
}


function addInfoBubble(map) {
  var pngIcon = new H.map.Icon("https://cdn0.iconfinder.com/data/icons/daily-boxes/150/phone-box-32.png");
  var group = new H.map.Group();

  map.addObject(group);

  group.addEventListener('tap', function (evt) {
    var bubble =  new H.ui.InfoBubble(evt.target.getPosition(), {
      content: evt.target.getData()
    });

    ui.addBubble(bubble);
  }, false);

  addMarkerToGroup(group, {lat:53.439, lng:-2.221,},
    '</div><div >MANCHESTER</div>');

  addMarkerToGroup(group, {lat:53.430, lng:-2.961},
    '</div><div >LIVERPOOL</div>');
}






var platform = new H.service.Platform({
  apikey: "API KEY"
});

var defaultLayers = platform.createDefaultLayers();

var map = new H.Map(document.getElementById('map'),
  defaultLayers.normal.map,{
  center: {lat: 53.430, lng: -2.961},
  zoom: 8
});


var behavior = new H.mapevents.Behavior(new H.mapevents.MapEvents(map));


var ui = H.ui.UI.createDefault(map, defaultLayers);

addInfoBubble(map);

Заранее спасибо

Джордж

...