javascript - Google Maps V3 Custom Overlay children stopped receiving mouse events -

-

Custom overlays (google.maps.OverlayView ()) Children had to respond to mouse events. I saw that they stop them from doing so.

Here is an example ("Overlay, click" ing should click on its text "Work for Overlay", whenever clicked, but never happens):

Here is the code (Cut / Paste for debugging), Overlay is highlighted in the child click listener USGSOverlay.prototype.onAdd () 

  Div.addEventListener ("click", function () {this.innerHTML = "worked for overlay";});   
 // overlay-problem.js  
  var overlay; USGSOverlay.prototype = New google.maps.OverlayView (); // Start the map and custom overlay function initialize () {var div = document.createElement ('div'); Div.style.borderStyle = 'none'; Div.style.borderthid = '0px'; Div.style.position = 'Done'; Div.className = "FindMe"; Div.style.width = "150px"; Div.style.height = "150px"; Div.style.backgroundColor = "red"; Div.innerHTML = "no overlay, click me"; Div.addEventListener ("click", function () {this.innerHTML = "thank you, it worked for a regular divas";}); Document.body.appendChild (div); Var map option = {zoom: 8, center: new google.maps.LatLng (62.323907, -150.109291), type the map: google.maps.MapTypeId.SATELLITE}; Var map = new google.maps.Map (document.getElementById ('map-canvas'), map options); Var swBound = new google.maps.LatLng (62.281819, -150.287132); Var nebound = new google.maps.LatLng (62.400471, -150.005608); Var bound = new google.maps.LatLngBounds (swBound, neBound); Overlay = new USGS overlay (border, map); } / ** @ constructor * / function USGS overlays (borders, maps) {// starting all properties This.bounds_ = bounds; This.map_ = map; This.div_ = null; // Make a clearmap call this overlay on this overlay this.setMap (map); } / ** * Onid is called when the map pan is ready and the overlay is added to the * map. * / USGSoverLay.prototype.onead = function () {var div = document.createElement ('div'); Div.style.borderStyle = 'none'; Div.style.borderthid = '0px'; Div.style.position = 'Done'; Div.className = "FindMe"; Div.style.width = "150px"; Div.style.height = "50px"; Div.style.backgroundColor = "yellow"; Div.innerHTML = "Overlay, Click Me"; Div.addEventListener ("click", function () {this.innerHTML = "worked for overlay";}); This.div_ = div; // Add element to the "Overlayer" pane var pan = this.getPanes (); Panes.overlayLayer.appendChild (div); }; USGSOverlay.prototype.draw = function () {// We use coordinates of southwest and north-east // overlay so that it can peg at the correct position and size. // To do this, we need to recover the projection from the overlay. Var OverlayProtection = this.getProjection (); // Retrieve the south-west and north-east coordinates of this overlay / in the latenax / and convert them into pixel coordinates. // We will use these coordinates to change the shape of the div i var sw = overlayproogation From Lett Longtodie Pixel (this.bounds_.getSouthWest ()); Var = overlay projection From Lett Longtoday Pixel (this.bounds_.getNorthEast ()); Var div = this.div_; Div.style.left = sw.x + 'px'; Div.style.top = ne.y + 'px'; Div.style.width = (ne.x - sw.x) + 'px'; Div.style.height = (sw.y - ne.y) + 'px'; }; // onRemove () method will be automatically asked by API if // we ever set the property of the overlays map to 'tap' USGSOverlay.prototype.onRemove = function (this.div_.parentNode.removeChild (this .div_); This.div_ = null; };a????    
 
 
 If you change your overlay then your code should work:  
  panes.overlayLayer.appendChild (div);   
 From:  
  panes.overlayMouseTarget.appendChild (div);  
  
 
  Overlayouce targeted  contains elements that get dom mouse events, such as transparent targets for markers. It is above the FloashShadow, so that markers can be clickable in the shadow of the info window.   
 
   (updated to include styles of your overlay).  
 
 Cheers.

Comments

Post a Comment

Popular posts from this blog

ios - Adding an SKSpriteNode to SKScene from a child SKSpriteNode -

-
I have a SKScene where I am adding an SKSpriteNode I have subclassed the SKSpriteNode class to create this node. In the subclass I am defining some SKActions on Sprite. What do I want to do when the end of this phantom ends the SKAction sequence, then I add a new Prayer node to this scene. How is this possible. The following code is mine: The code for the sequence is that I'm running on the Scansprinitode subclass (TEMissileNode): - SKAction * moveDown = [SKAction moveToY: Self.position.y - 20 Duration: 0.2]; SKAction * animation = [SKAction animateWithTextures: textures timePerFrame: time / 7]; SKAction * moveMissileProjectile = [SKAction Moving: Pointoffscreen Term: Time]; SKAction * group = [SKAction group: @ [animation, movement projectile]]; SKAction * Sequence = [SKAction Sequence: @ [Hilldown, Group, [SKAction removalFromParent]]]; [Self run action: sequence]; From the main scene, I call those actions that execute these tasks TEMissileNode * missile = [tmissil...
Read more

Matlab transpose a table vector -

-
An embarrassing simple question seems to be, but how can I move a Matlab table vector? aTableT = aTable '; I tried a standard syntax for the simple interaction of a line vector to a line vector aTable : ATableT = reshape (aTable, 1, Height (aTable)); and aTableT = rot90 (aTable); According to the head, the last time table should work for table, see. However, I get this error code: Error type in using table / permit (line 396) Undefined function 'permute' for the input arguments. Error in rot 90 (line 29) b = magnitude (b, [2 1 3: ndims (a)]); NB: fliplr is not useful either pretty sure I have covered clear angles - any ideas? Thanks! Try changing your table into an array, move it, then back to a table In other words, try doing this: aTableArray = table2array (aTable); ATableT = array 2table (aTableArray. '); I have also read the document for rot90 , and it says that rot90 is definitely working for tables Do, and I find you...
Read more

c# - Textbox not clickable but editable -

-
I have a small form with 10 text boxes, I have set them in the correct tab order. I want them on my tab service I was wondering if there is a way to set the text box so that they can be selected for editing until they are tabbed. That is ... I do not want the end user to edit the text box to click on them, I just want to make them editable through tabu. this should do the trick public partial category poor text box: Text Box {Safe Override Zero WndProc (Ref: Message Message) {if (m.msg == (Int) WM.LBUTTONDOWN) {Return; // mount down events} base.WndProc (ref m); }} Window message enum can be found. How to do this without anherizing: text box : class EatMouseDown: netwindows {safe override zero WndProc (ref message message) {if (m.msg == (int) WM.LBUTTONDOWN) {return; } Base.WandProc (Ref M); }} Safe Override Zero Onload (EventEurge E) {base.OnLoad (e); How to do this without any part: left a clean part, whatever is important, this can be a buggy but it works R...
Read more