Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Maybe this <code>google.maps.event.addDomListener(window, 'load', initialize);</code> is what is missing. And here is a working example</p> <p><a href="http://jsfiddle.net/9bnCw/6/" rel="nofollow">http://jsfiddle.net/9bnCw/6/</a></p> <p>I made the radius a little bigger. </p> <p><strong>UPDATE</strong> </p> <p>Does <a href="http://jsfiddle.net/bujar/9bnCw/7/" rel="nofollow">this</a> work? </p> <p><strong>UPDATE 3</strong></p> <p>I've put it all in one file so you can copy and paste it.</p> <pre><code>&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;style&gt; #map-canvas{ height:100%; width:100%; } html, body { height: 100%; } body { margin:0; padding:0; } &lt;/style&gt; &lt;script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"&gt;&lt;/script&gt; &lt;script&gt; var cityPoints = { center: new google.maps.LatLng(41.878113, -87.629798), id: 0, addr: 'avenue0', magnitude: 100000 }; var cityCircle; var infoWindow = new google.maps.InfoWindow({ content: "&lt;div&gt;Hello! World&lt;/div&gt;", maxWidth: 500 }); function initialize() { var mapOptions = { zoom: 4, center: new google.maps.LatLng(31.231867, 72.33336), mapTypeId: google.maps.MapTypeId.TERRAIN }; var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); var populationOptions = { strokeColor: "#FF0000", strokeOpacity: 1, strokeWeight: 1, clickable: true, fillOpacity: 0, map: map, center: new google.maps.LatLng(31.231867, 72.33336), radius: 200000 }; cityCircle = new google.maps.Circle(populationOptions); google.maps.event.addListener(cityCircle, 'click', function(ev) { infoWindow.setPosition(ev.latLng); infoWindow.open(map); }); } google.maps.event.addDomListener(window, 'load', initialize); &lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;div id="map-canvas"&gt;&lt;/div&gt; &lt;/body&gt; &lt;/html&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. POadding click listener on circle is not working
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USalkis
    1. USalkis
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POadding click listener on circle is not working
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    1. COWhat update? I don't see anything in the comments or the question
      singulars
      1. PO
      1. USalkis
    2. COOhhh you mean you added the initialize() in the end of your code. If my code helped you, you should mark it as answered, if not you should at least mark your title as closed
      singulars
      1. PO
      1. USalkis
    3. CO@user2024024: your "update" didn't reflect this answer. The call of initialize comes too early in yor "update", because the #map-canvas is still unknown at the time you call initialize(it works in the fiddle, because the code there will be executed onload). However, the call of `initialize()` can't be the issue here, because in your original question you said that the map has been loaded(it wouldn't when the call of initialize failed). By that, this answer did not solve the issue (but the fiddle does, because it fixes the misspelled *infoWindow* , as noted in my comment)
      singulars
      1. PO
      1. USDr.Molle
 

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