Databases
StackOverflow2013
Postsdbo
PODetect if click is inside OverlayView
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PODetect if click is inside OverlayView
    primarykey
    data
    text
    <p>I want to display a certain Infobox when the user clicks anywhere on the map and a different Infobox when the user clicks inside an OverlayView. </p> <p>I'm adding a listener to the click event for the map object, but this event only provides a latLong param which seems insufficient to tell if an OverlayView was hitted.</p> <pre><code> google.maps.event.addDomListener(map, 'click', function(param) { // if( an OverlayView was clicked) // showInfoboxForOverlayView(); // else // showStandarInfobox(); }); </code></pre> <p>I know I can add a separate listener for the OverlayView object, but when I do this, both events are fired (the one coming from the OverlayView object and the one from the map object). </p> <p>This is how I construct my OverlayView object,</p> <pre><code> var overlay = new google.maps.OverlayView(); overlay.onAdd = function () { var layer = d3.select(this.getPanes().overlayMouseTarget).append("div").attr("class", "SvgOverlay"); var svg = layer.append("svg"); var adminDivisions = svg.append("g").attr("class", "AdminDivisions"); overlay.draw = function () { var markerOverlay = this; var overlayProjection = markerOverlay.getProjection(); // Turn the overlay projection into a d3 projection var googleMapProjection = function (coordinates) { var googleCoordinates = new google.maps.LatLng(coordinates[1] + 0.0005, coordinates[0] - 0.0006); var pixelCoordinates = overlayProjection.fromLatLngToDivPixel(googleCoordinates); return [pixelCoordinates.x + 4000, pixelCoordinates.y + 4000]; } path = d3.geo.path().projection(googleMapProjection); adminDivisions.selectAll("path") .data(geoJson.features) .attr("d", path) // update existing paths .enter().append("svg:path") .attr("d", path);; }; }; </code></pre> <p>Any ideas?</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USmcabral
    1. USmcabral
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. PODetect if click is inside OverlayView
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. PODetect if click is inside OverlayView
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. PODetect if click is inside OverlayView
      1. USmcabral
      1. VTBountyStart
    1. CODoes it have a class that you would be able to check for?
      singulars
      1. PODetect if click is inside OverlayView
      1. USIan
    2. CONot ATM. I could add it, but still I can't figure how to work it out. This is not a classic click event, I don't have a 'target' element as a param
      singulars
      1. PODetect if click is inside OverlayView
      1. USmcabral
    3. COWhat does your OverlayView(s) look like? Are they rectangular? Can you determine their bounds?
      singulars
      1. PODetect if click is inside OverlayView
      1. USgeocodezip
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload