Частый посетитель
Покинул форум
Сообщений всего: 765
Дата рег-ции: Авг. 2010
Помог: 1 раз(а)
|
Используется Google Map API, где вывожу, полигоны, маркеры, кластеризации...
Проблемма втом что при нажатии на маркер, появляется инфо окно, и там не возможно выделить текст, т.к. событие срабатывает на карте...
Ссылка проекта: http://goo[dot]gl/d3CVJ0
Код отвечающий за вывод маркеров. CODE ( javascript):
скопировать код в буфер обмена
// Markers - Begine function addMarker(id,icon,pos) { var marker = new google.maps.Marker({ position: pos, animation: google.maps.Animation.DROP, icon: icon }); google.maps.event.addListener(marker,'click',function(){ map.panToWithOffset(this.getPosition(),100,-100); $.ajax({ url: 'ajax/getObjectInfo', type: 'POST', data: {id: id}, success: function(data){ markerData = $.parseJSON(data); var images = ''; var imagespath = '/uploaded/object/photo/' + id + '/small/'; if (markerData.files !== undefined) { for (var k = 0; k < markerData.files.small.length; k++) { images += '<img src="' + imagespath + markerData.files.small[k] + '">'; if (k == 1) break; } } var w_content = '<div class="info-window" id="ib">\ <div class="title-s">'+markerData.price+' '+markerData.valuta_pref+'</div>\ <div class="feature-area">\ <ul class="info-feature-list">\ <li>Area: '+markerData.area+'</li>\ <li>Rooms: '+markerData.count_rooms+'</li>\ <li>Bedrooms: '+markerData.count_bedrooms+'</li>\ <li>Floor: '+markerData.floor+' ('+markerData.floor_count+')</li>\ <li>Repair: '+markerData.repair_type_key+'</li>\ <li>Project: '+markerData.project_key+'</li>\ </ul>\ <button class="button moreinfo" data-id="' + id + '" style="margin-top:10px;"><i class="butoni icon-info-sign"></i> More Details</button>\ </div>\ <img alt="" src="assets/map_files/images/clip.png" class="clip-image">'; var images = ''; var imagespath = '/uploaded/object/photo/' + id + '/small/'; if (markerData.files !== undefined) { for (var k = 1; k <= markerData.files.small.length; k++) { switch (markerData.deal_type_key) { case '1'://For Sale var class_text_deal_type = "important"; var text_deal_type = "For Sale"; break; case '2'://For Rent var class_text_deal_type = "info"; var text_deal_type = "For Rent"; break; case '3'://For Mortgage var class_text_deal_type = "warning"; var text_deal_type = "For Mortgage"; break } images += '<div class="photo-frame'+k+'-s">\ <div class="labelplace1">\ <span class="label label-'+class_text_deal_type+'">'+text_deal_type+'</span>\ </div>\ <img class="photo-s" src="'+ imagespath + markerData.files.small[k-1] +'">\ </div>'; if (k == 2) break; } } w_content += images + '</div>'; if (infowindow) { infowindow.close(); }; infowindow = new InfoBox({ content: w_content, disableAutoPan: true, maxWidth: 400, pixelOffset: new google.maps.Size(-230, -296), closeBoxMargin: "-8px 0px 2px 2px", closeBoxURL: "assets/map_files/images/close.png", boxStyle: { opacity: 1, width: "400px" }, infoBoxClearance: new google.maps.Size(400, 400), isHidden: false, MapPanes: "floatPane", enableEventPropagation: true, position: pos }); infowindow.open(map,marker); } }); }); return marker; } // Markers - End
спс.Ув.
P.S. Пробовал zindex вроде не помогло, enableEventPropagation: true, тоже не вариант, т.к. у меня стоит событие на полигонах... (Отредактировано автором: 22 Июля, 2014 - 00:45:52)
|