Horrible connectivity and woefully inadequate server capacity led a complete fustercluck of a ration system to actually *buy* the game. Bind Overlay to paneĪ common way to realize overlays is to create the definition based on and to bind the overlay to a pane:Ĭlass USGSOverlay extends ĭocument.getElementById('message').innerHTML += msg + '' Ĭenter: new (51.508742, -0.The release was disastrous. To get an overview about objects and methods related to overlay a good start is just to search for the word overlay in the listing with classes and properties. Overlays can be done on many levels, there exists also a special class which is sorted directly above the map. So any according details are directly related to the question. But z-index as well as the content of each layer can be adjusted (or not used) and I doubt that it's useful to show the general structure in detail without concrete use-case. Nevertheless, debugging objects like map, markers or overlays can be done very well by console.log().Ĭoncerning layers with z-index there is, like mentioned in the question, a clear structure. I marked the outer map layer in the console and copied the whole html which is produced by JavaScript in an editor, so it's easier to verify and to search for expected elements like markers or overlays. Google Maps (may) consist of many layers which are hard to verify in the browser console. I will give the bounty to the one who can enrich the linked example with the option to close the info windows behind the overlay. In the example which is mentioned in the one linked answer not all click-events behind the overlay are possible, so it's possible to open windows by click on POIs but not to close them again behind the layer. I also realized that this class is essential to solve the problem. In the individual class class USGSOverlay extends I've the option to add the required code to achieve my target. Due to the answer and comment of Donald I found some fault in my own SVG-code and realized that the markup is not completely created by g-map but that the SVGs are indeed created / provided by myself. Prevent google overlay/infowindow from allowing clicks through to markers underneath.How to make Google Maps' custom overlay above marker's click zone?.So how to make POI-links below an overlay in g-maps clickable? I'm aware of the situation that on higher resolutions more POIs are shown, this has no impact to the problem though. Nevertheless, I'd prefer the approach concerning z-index or some other method to handle POIs more general, so that I never have to use additional APIs and that the solution works for all shown POIs.įor markers the method setZIndex exists, but that seems not to help here: Marker API I know that contrary to markers the API-support for POIs is limited and at least partially bound to the places API. I tried already to bind the overlay to the layer with the lowest z-index, without success though:įloatPane z-index:107 const panes = this.getPanes() The problem might get more clear with a screenshot, the right POI I can only click in the top right area beside the darker overlay: When I make a transparent map-overlay the POI-links are still visible but not clickable anymore. The common POIs in g-maps are shown fixed on the tiles but seemingly clickable by overlaid links.
0 Comments
Leave a Reply. |