Я пытаюсь создать карту мира с помощью JVectorMap, но я бы поставил маркер как изображение (marker.png), а не круг по умолчанию. Я могу сделать это?
Маркер как изображение
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