I&#39;ve found out the solution! Thanks to Firebug ;)

    //&quot;markers&quot; is an array that I declared which contains all the marker of the map
    //&quot;i&quot; is the index of the marker in the array that I want to trigger the OnClick event

    //V2 version is:
    GEvent.trigger(markers[i], &#39;click&#39;);
    
    //V3 version is:
    google.maps.event.trigger(markers[i], &#39;click&#39;);

For future Googlers,
If you get an error similar below after you trigger click for a polygon

    &quot;Uncaught TypeError: Cannot read property &#39;vertex&#39; of undefined&quot;

then try the code below

    google.maps.event.trigger(polygon, &quot;click&quot;, {});

I&#39;m trying to detect if a file exists at runtime, if not, create it. However I&#39;m getting this error when I try to write to it: 
&gt;The process cannot access the file &#39;myfile.ext&#39; because it is being used by another process.

    string filePath = string.Format(@&quot;{0}\M{1}.dat&quot;, ConfigurationManager.AppSettings[&quot;DirectoryPath&quot;], costCentre); 
    if (!File.Exists(filePath)) 
    { 
        File.Create(filePath); 
    } 
    
    using (StreamWriter sw = File.AppendText(filePath)) 
    { 
        //write my text 
    }

Any ideas on how to fix it?

File being used by another process after using File.Create()

I&#39;ve heard that Scala has path-dependent types. It&#39;s something to do with inner-classes but what does this actually mean and why do I care?

What is meant by Scala&#39;s path-dependent types?

How do I trigger the *onclick* event of a marker on a Google Maps from outside the map?

I use **version 3** of the API. I&#39;ve seen many tutorials for version 2, but can&#39;t find this for version 3.

I have a global array (named *markers*) containing all the marker of the map (google.maps.Marker). Now I want do do something like:

    markers[i].click(); //I know it&#39;s not working, but you get the idea...

    //Next line seems to be the way in v2, but what&#39;s the equivalent in v3?
    GEvent.trigger(markers[i], &#39;click&#39;);

Thanks for your help and if you need more info, let me know!

How to trigger the onclick event of a marker on a Google Maps V3?

How do I trigger the onclick event of a marker on a Google Maps from outside the map?
I use version 3 of the API. I've seen many tutorials for version 2, but can't find this for version 3.
I have a global array (named markers) containing all the marker of the map (google.maps.Marker). Now I want do do something like:
<pre><code class="hljs language-scss">markers[i].click(); //I know it's not working, but you get the idea...

//Next line seems to be the way in v2, but what's the equivalent in v3?
GEvent.trigger(markers[i], 'click');
</code></pre>
Thanks for your help and if you need more info, let me know!

JavaScript is known to be single-threaded in all modern browser implementations, but is that specified in any standard or is it just by tradition? Is it totally safe to assume that JavaScript is always single-threaded?

Is JavaScript guaranteed to be single-threaded?

I have a Javascript function that accepts a list of HTML nodes, but it expects a Javascript array (it runs some Array methods on that) and I want to feed it the output of `Document.getElementsByTagName` that returns a DOM node list.

Initially I thought of using something simple like:

    Array.prototype.slice.call(list,0)

And that works fine in all browsers, except of course Internet Explorer which returns the error &quot;JScript object expected&quot;, as apparently the DOM node list returned by `Document.getElement*` methods is not a JScript object enough to be the target of a function call.

Caveats: I don&#39;t mind writing Internet Explorer specific code, but I&#39;m not allowed to use any Javascript libraries such as JQuery because I&#39;m writing a widget to be embedded into 3rd party web site, and I cannot load external libraries that will create conflict for the clients.

My last ditch effort is to iterate over the DOM node list and create an array myself, but is there a nicer way to do that?

How to convert a DOM node list to an array in Javascript?

I&#39;ve got a form that can optionally be pre-populated via facebook connect.  Once a user connects, their name and email are automatically filled in.  The problem is that this doesn&#39;t trigger the remote validation to check if the email already exists. 

Is there a way I could call the validation on that field alone?  Something like:

`$(&#39;#email-field-only&#39;).validate()`

would be idea.  Searched through the docs with no luck.

jQuery Validate Plugin - Trigger validation of single field

My application has many drag and drop features. While dragging I want the cursor to change to some grab cursor. Internet Explorer and Firefox work fine for this, but Chrome always changes the cursor to the text cursor.

Chrome sets cursor to text while dragging, why?

The standard way to deal with situations where the browser does not support the HTML5 `&lt;canvas&gt;` tag is to embed some fallback content like:

    &lt;canvas&gt;Your browser doesn&#39;t support &quot;canvas&quot;.&lt;/canvas&gt;

But the rest of the page remains the same, which may be inappropriate or misleading. I&#39;d like some way of detecting canvas non-support so that I can present the rest of my page accordingly. What would you recommend?

Best way to detect that HTML5 &lt;canvas&gt; is not supported

In the older version of the API, I&#39;d have to insert the javascript into the page using something like this for just basic functionality to work:

&gt; http://maps.google.com/maps?file=api&amp;v=2&amp;key=*GoogleMapsAPIKey*

Where I had to configure the API key for each individual site. Looking at the documentation, it says to get a basic map working I just need this:

&gt; http://maps.google.com/maps/api/js?sensor=*true/false*

Where does the API key fit in? Do I need to worry about it if I just plan on using a basic map and marker and none of the more advanced functions?

I&#39;m also testing on localhost, but the FAQ says I still need to register a key for it, which I haven&#39;t done and it still works.

What&#39;s the API Key for in Google Maps API V3?

Do you often use image marker from google or copy it to your server?
Where I can get all images list of available markers from google?
The list of images such as :

 
![dd-end](https://maps.gstatic.com/intl/en_ALL/mapfiles/dd-end.png)

![dd-start](https://maps.gstatic.com/intl/en_ALL/mapfiles/dd-start.png)

List All Google Map Marker Images

The code below displays a Google map and search results when you enter an address and hit the submit button.  I&#39;ve been playing with it to try
and force the page to completely refresh or reload once you hit the submit button.  But I can&#39;t get it to work right.  It loads the results &quot;in page,&quot; but I&#39;d like the page to completely refresh when the results load, like when you hit the back button on your browser.  Hope that makes sense.

I think the answer lies in this line of code but I don&#39;t know jquery very well.  It&#39;s near the bottom of the full code below.

    &lt;script type=&quot;text/javascript&quot;&gt;
    (function($) { 
    	$(document).ready(function() {
    		load();&#39;;
		

Here&#39;s the full code below.  Any help would be greatly appreciated! 

    &lt;?php
    /*
    SimpleMap Plugin
    display-map.php: Displays the Google Map and search results
    */
    $to_display = &#39;&#39;;
    
    if ($options[&#39;display_search&#39;] == &#39;show&#39;) {
    $to_display .= &#39;
    &lt;div id=&quot;map_search&quot; style=&quot;width: &#39;.$options[&#39;map_width&#39;].&#39;;&quot;&gt;
    	&lt;a name=&quot;map_top&quot;&gt;&lt;/a&gt;
    	&lt;form onsubmit=&quot;searchLocations(\&#39;&#39;.$categories.&#39;\&#39;); return false;&quot;         name=&quot;searchForm&quot; id=&quot;searchForm&quot;     action=&quot;http://&#39;.$_SERVER[&#39;SERVER_NAME&#39;].$_SERVER[&#39;REQUEST_URI&#39;].&#39;&quot;&gt;
    		&lt;input type=&quot;text&quot; id=&quot;addressInput&quot; name=&quot;addressInput&quot; class=&quot;address&quot;     /&gt;&amp;nbsp;
    		&lt;select name=&quot;radiusSelect&quot; id=&quot;radiusSelect&quot;&gt;&#39;;
    			
    			$default_radius = $options[&#39;default_radius&#39;];
    			unset($selected_radius);
    			$selected_radius[$default_radius] = &#39; selected=&quot;selected&quot;&#39;;
    
    			foreach ($search_radii as $value) {
        				$r = (int)$value;
        				$to_display .= &#39;&lt;option valu         e=&quot;&#39;.$value.&#39;&quot;&#39;.$selected_radius[$r].&#39;&gt;&#39;.$value.&#39; &#39;.$options[&#39;units&#39;].&quot;&lt;/option&gt;\n&quot;;
    			}
    			
    $to_display .= &#39;	
    		&lt;/select&gt;&amp;nbsp;
    		&lt;input type=&quot;submit&quot; value=&quot;&#39;.__(&#39;Search&#39;, &#39;SimpleMap&#39;).&#39;&quot;     id=&quot;addressSubmit&quot; class=&quot;submit&quot; /&gt;
    		&lt;p&gt;&#39;.__(&#39;Please enter an address or search term in the box above.&#39;,     &#39;SimpleMap&#39;).&#39;&lt;/p&gt;
    	&lt;/form&gt;
    &lt;/div&gt;&#39;;
    }
    if ($options[&#39;powered_by&#39;] == &#39;show&#39;) {
    	$to_display .= &#39;&lt;div id=&quot;powered_by_simplemap&quot;&gt;&#39;.sprintf(__(&#39;Powered by %s     SimpleMap&#39;, &#39;SimpleMap&#39;),&#39;&lt;a href=&quot;http://simplemap-plugin.com/&quot;     target=&quot;_blank&quot;&gt;&#39;).&#39;&lt;/a&gt;&lt;/div&gt;&#39;;
    }
    
    $to_display .= &#39;
    &lt;div id=&quot;map&quot; style=&quot;width: &#39;.$options[&#39;map_width&#39;].&#39;; height:     &#39;.$options[&#39;map_height&#39;].&#39;;&quot;&gt;&lt;/div&gt;
    
    &lt;div id=&quot;results&quot; style=&quot;width: &#39;.$options[&#39;map_width&#39;].&#39;;&quot;&gt;&lt;/div&gt;
    
    &lt;script type=&quot;text/javascript&quot;&gt;
    (function($) { 
    	$(document).ready(function() {
    		load();&#39;;    
    		 
    		if ($options[&#39;autoload&#39;] == &#39;some&#39;) {
    			$to_display .= &#39;var autoLatLng = new GLatLng(default_lat,     default_lng);
    			searchLocationsNear(autoLatLng, autoLatLng.lat() + &quot;, &quot; +     autoLatLng.lng(), &quot;auto&quot;, &quot;&#39;.$options[&#39;lock_default_location&#39;].&#39;&quot;, &quot;&#39;.$categories.&#39;&quot;);&#39;;
    		}
    		
    		else if ($options[&#39;autoload&#39;] == &#39;all&#39;) {
    			$to_display .= &#39;var autoLatLng = new GLatLng(default_lat,     default_lng);
    			searchLocationsNear(autoLatLng, autoLatLng.lat() + &quot;, &quot; +     autoLatLng.lng(), &quot;auto_all&quot;, &quot;&#39;.$options[&#39;lock_default_location&#39;].&#39;&quot;,     &quot;&#39;.$categories.&#39;&quot;);&#39;;
    		}
    		
    $to_display .= &#39;
    	});
    })(jQuery);
    &lt;/script&gt;&#39;;
    
    ?&gt;

How to force page refreshes or reloads in jQuery?

I&#39;m switching from v2 to v3 google maps api and got a problem with `gMap.getBounds()` function.

I need to get the bounds of my map after its initialization.

Here is my javascript code:
&lt;pre&gt;&lt;code&gt;
var gMap;
$(document).ready(

    function() {

        var latlng = new google.maps.LatLng(55.755327, 37.622166);
        var myOptions = {
            zoom: 12,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
        gMap = new google.maps.Map(document.getElementById(&quot;GoogleMapControl&quot;), myOptions);

        alert(gMap.getBounds());
    }
);
&lt;/code&gt;&lt;/pre&gt;

So now it alerts me that `gMap.getBounds()` is undefined. 

I&#39;ve tried to get getBounds values in click event and it works fine for me, but I cannot get the same results in load map event.

Also getBounds works fine while document is loading in Google Maps API v2, but it fails in V3.

Could you please help me to solve this problem?

Google Maps Api v3 - getBounds is undefined

Trying to simply close an infowindow?

I already have an array of markers, so something like this would be good. Thanks

    MyMarkers[i].infowindow.close();



Google Map API v3 ~ Simply Close an infowindow?

I use the following code to set markers on my map:

      var latLngs = []
      $.each(locations.markers, function(i, m){
       var myLatLng = new google.maps.LatLng(m.latitude, m.longitude);
       latLngs[i] = myLatLng                                          
       var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        shadow: shadow,
        icon: image,
        shape: shape,
        title: m.city,
        zIndex: i
       });
      }) 

The markers show up on my map. Now I would like to center &amp; zoom the map on these markers. How can I accomplish this?
I have tried:

    map.fitBounds(getBoundsForLatLngs(latLngs));

The console.log of latLngs gives out:

     [(46.793182, 7.146903) { b=46.793182,  more...}, (46.8077779, 7.1709386) { b=46.8077779,  more...}]

But it doesn&#39;t seem to work, and I get no error in the console. What am I doing wrong?

Google MAP API v3: Center &amp; Zoom on displayed markers

I&#39;m drawing a series of markers on a map (using v3 of the maps api).

In v2, I had the following code:


      bounds = new GLatLngBounds();

      ... loop thru and put markers on map ...
      bounds.extend(point);
      ... end looping

      map.setCenter(bounds.getCenter());
      var level = map.getBoundsZoomLevel(bounds);
      if ( level == 1 ) 
        level = 5;
      map.setZoom(level &gt; 6 ? 6 : level);

And that work fine to ensure that there was always an appropriate level of detail displayed on the map.

I&#39;m trying to duplicate this functionality in v3, but the setZoom and fitBounds don&#39;t seem to be cooperating:


    ... loop thru and put markers on the map
      var ll = new google.maps.LatLng(p.lat,p.lng);
      bounds.extend(ll);
    ... end loop

    var zoom = map.getZoom();
    map.setZoom(zoom &gt; 6 ? 6 : zoom);
    map.fitBounds(bounds);

I&#39;ve tried different permutation (moving the fitBounds before the setZoom, for example) but nothing I do with setZoom seems to affect the map.  Am I missing something?  Is there a way to do this?



Content Type	Original Author	Original Content on Stackoverflow
Question	AlexV	View Question on Stackoverflow
Solution 1 - Javascript	AlexV	View Answer on Stackoverflow
Solution 2 - Javascript	Ergec	View Answer on Stackoverflow

How to trigger the onclick event of a marker on a Google Maps V3?

Javascript Problem Overview

Javascript Solutions

Solution 1 - Javascript

Solution 2 - Javascript

What is meant by Scala's path-dependent types?

File being used by another process after using File.Create()

Attributions