позволяя пользователю редактировать карту торгового центра, используя javascript / jquery

Question

сценарий такой же, как на моем веб-сайте (jQuery поверх asp.net 3.5) У меня есть статическая карта торгового центра (скажем,
)
, и я хочу разрешитьПользователь может добавлять / удалять маркеры разных типов (например, «магазин», «уборные» и т. д.), каждый со своим именем.нет необходимости разрешать пользователю редактировать карту любым другим способом, кроме добавления / удаления этих точек интереса.
позже пользователь может искать определенное имя или тип, и оно должно быть выделено на карте.

здесь упоминаются некоторые продукты, такие как Mysllo и Navteq, которые кажутся мне немного излишними.
Я думаю это это верное направление, но мне нужно больше проработать это.
любое мнение будет оценено.

Answer 1

Что вам нужно сделать, это прикрепить обработчик к событию щелчка изображения, который будет показывать ввод имени маркера, а затем добавить маркер в позицию щелчка после заполнения ввода: это даст вам идею (проверено http://jsfiddle.net/Rqdv9/)

var storage = {}
    $(document).ready(function() {
    $("img#mallmap").click(function(e) {
storage.posx = e.pageX;
storage.posy = e.pageY;
var nameinput = $("<input />");
nameinput.attr('type','text').appendTo('body');
nameinput.bind('blur',function() {
if ($(this).val() != '')
{
var markertext = $(this).val();
    nameinput.remove();
var marker = $("<div></div>");
marker.attr("class","marker").text(markertext).css('color','white').hide().appendTo('body');
marker.css({'position' : 'absolute','left' : storage.posx, 'top' : storage.posy}).show();
}
}).hide().css({'position' : 'absolute','left' : storage.posx, 'top' : storage.posy}).show();
})
        });

Это очень просто, я предполагаю, что вы хотите собрать больше информации, чем просто текст, чтобы вы могли иметь предварительно разработанную динамическую форму, отображаемую при щелчке, позволяющую им выбрать изображение для маркера и т. Д. создайте элемент для маркера и добавьте его, как показано.

Answer 2

Было бы действительно необходимо использовать плагин для этого?

Кажется, что было бы довольно легко просто сохранить положение курсора на карте, когда вы щелкнете по нему.Разве это не проще, чем загрузить плагин, который сделает всю работу за вас?

Answer 3

Вот карта, которую я люблю использовать - Mobily Maps

Несмотря на то, что она не обеспечивает нужную вам функциональность, я уверен, что ее можно довольно легко расширить.