i have added textarea custom overlay of google maps. keyboard events work fine. im unable move cursor using mouse in textarea.
custominfowindow.prototype.draw = function(latlng) {
var point, panes, me = this, closeimg, div, = this; // check if div has been created. if(latlng){ this.latlng_ = latlng; } div = this.div_; if (!div) { // create overlay text div div = this.div_ = document.createelement('div'); this.div =div; // create div representing our custominfowindow div.style.border = "none"; div.style.position = "absolute"; div.style.paddingleft = "0px"; div.style.cursor = 'pointer'; $(div).addclass('custom-info-panel'); div.style.display = 'none'; // add overlay dom panes = this.getpanes(); panes.overlaymousetarget.appendchild(div); if(this.callback){ this.callback(this.div_, this.infoview); } if(this.showclosebtn){ $(div).append('<div class="info-close btn-close" id="btn_close"></div>'); closeimg = div.queryselector('#btn_close'); closeimg.style.cursor = "pointer"; $(this.div_).find('#btn_close').bind( "click", function(event) {\ $('.popover').removeclass('in').remove(); me.div_.style.display = 'none'; if(typeof me.infoview.marker != 'undefined' && me.infoview.marker.update_type == 'alert'){ var trip_id = me.div_.getelementsbyclassname("alert_trip_code")[0].innerhtml.trim(); $(".alert_info_contact_details_" + trip_id).css("display", "none"); } event.stoppropagation(); // clear timeout set toggle window. that.stoptimeout(); }); } } // position overlay point = this.getprojection().fromlatlngtodivpixel(this.latlng_); if (point) { div.style.left = (point.x + 10) + 'px'; div.style.top = (point.y - 15) + 'px'; } }; this code to draw custom overlay. on overlay im not able move cursor mouse. can move cursor keyboard.
Comments
Post a Comment