Маркер как изображение

Я пытаюсь создать карту мира с помощью JVectorMap, но я бы поставил маркер как изображение (marker.png), а не круг по умолчанию. Я могу сделать это?


person Barbara Sacchi    schedule 11.11.2012    source источник
comment
Проверьте это решение: stackoverflow. ком/вопросы/14201326/   -  person Blas Ruiz    schedule 12.03.2013


Ответы (4)


Пока нет, эта функция запланирована на один из следующих выпусков.

person bjornd    schedule 12.11.2012

Существует официальный пример маркеров на основе изображений - http://jvectormap.com/examples/marker-icons/

person Dmitrii Malyshev    schedule 16.03.2015

если вам нужен маркер изображения, используйте новый слой (div поверх слоя svg на карте), поместите новый div для каждого маркера и установите положение.

Получить ссылку на карту

map = $("#world-map-gdp").vectorMap('get', 'mapObject');

и используйте функцию map.latLngToPoint(), чтобы найти точку в новом слое.

var newMarkerP = map.latLngToPoint(lat,lng);
$('#marker1').css('top',newMarkerP.x);
$('#marker1').css('left',newMarkerP.y); 

Вы можете переместить маркеры, если сделаете масштабирование или перетаскивание, используйте ту же функцию и примените css слева и css сверху.

Может быть, вы можете поиграть с верхней и левой частью новых маркеров, но это простое решение.

person Blas Ruiz    schedule 12.03.2013

В настройках стиля маркера вы можете использовать «изображение» вместо «r»:

        var myMarkerStyle = {
          initial: {
            image: 'files/fkd/marker.png'
          }
        };
person René Aye    schedule 05.01.2016