[JS] Sztuczki z Google Maps API

Pracując z tym Googlowym API wyszukałem parę sztuczek, które pomogą przy wykorzystywaniu tego interfejsu.

1. Pozycja środka mapy
   Aby znaleźć pozycję środka mapy, którą aktualnie oglądamy, wystarczy w pasek adresu przeglądarki wkleić poniższy kod:
   
   Java

   <br/>javascript:void(prompt('',gApplication.getMap().getCenter()));

   1	<br/>javascript:void(prompt('',gApplication.getMap().getCenter()));

   
   a na ekranie pojawi się popup z koordynatami.
2. Ukrycie nawigacji, gdy kursor jest poza mapą: wystarczy do skryptu dokleić kod:
    
   
   Java

   <br/> function load() { <br/> if (GBrowserIsCompatible()) { <br/> var map = new GMap2(document.getElementById(&quot;map&quot;)); <br/> map.setCenter(new GLatLng(lat, lng), zoom); <br/> map.addControl(new GLargeMapControl ()); <br/> map.addControl(new GOverviewMapControl()); <br/> map.addControl(new GScaleControl()); <br/> map.addControl(new GMapTypeControl()); <br/> map.setCenter(new GLatLng(lat, lng), zoom); <br/> <br/> map.hideControls(); <br/> GEvent.addListener(map, &quot;mouseover&quot;, function(){map.showControls();}); <br/> GEvent.addListener(map, &quot;mouseout&quot;, function(){map.hideControls();}); <br/> <br/> } <br/> }

   1

   <br/> function load() {  <br/>     if (GBrowserIsCompatible()) {  <br/>      var map = new GMap2(document.getElementById(&quot;map&quot;));  <br/>      map.setCenter(new GLatLng(lat, lng), zoom);  <br/>      map.addControl(new GLargeMapControl ());    <br/>      map.addControl(new GOverviewMapControl());    <br/>      map.addControl(new GScaleControl());    <br/>      map.addControl(new GMapTypeControl());    <br/>      map.setCenter(new GLatLng(lat, lng), zoom);  <br/>   <br/>      map.hideControls();  <br/>      GEvent.addListener(map, &quot;mouseover&quot;, function(){map.showControls();});  <br/>      GEvent.addListener(map, &quot;mouseout&quot;, function(){map.hideControls();});  <br/>       <br/>       }  <br/>     }

3. Pokazanie bieżącej pozycji kursora na mapie: (również kawałek kodu)
   
   Java

   <br/>var lastPoint;<br/><br/>GEvent.addListener(map, &quot;mousemove&quot;, function(point){<br/><br/>var latLngStrF = point.lat().toFixed(14) + ', ' + point.lng().toFixed(14) ;<br/>var latLngStr8 = point.lat().toFixed(8) + ', ' + point.lng().toFixed(8);<br/>var latLngStr6 = point.lat().toFixed(6) + ', ' + point.lng().toFixed(6);<br/>var latLngStr5 = point.lat().toFixed(5) + ', ' + point.lng().toFixed(5);<br/>var latLngStr4 = point.lat().toFixed(4) + ', ' + point.lng().toFixed(4);<br/><br/><br/>document.getElementById(&quot;precision&quot;).options[0].text = latLngStrF;<br/>document.getElementById(&quot;precision&quot;).options[1].text = latLngStr8;<br/>document.getElementById(&quot;precision&quot;).options[2].text = latLngStr6;<br/>document.getElementById(&quot;precision&quot;).options[3].text = latLngStr5; <br/>document.getElementById(&quot;precision&quot;).options[4].text = latLngStr4;<br/><br/>lastPoint = point;<br/>});

   1

   <br/>var lastPoint;<br/><br/>GEvent.addListener(map, &quot;mousemove&quot;, function(point){<br/><br/>var latLngStrF = point.lat().toFixed(14) + ', ' + point.lng().toFixed(14) ;<br/>var latLngStr8 = point.lat().toFixed(8) + ', ' + point.lng().toFixed(8);<br/>var latLngStr6 = point.lat().toFixed(6) + ', ' + point.lng().toFixed(6);<br/>var latLngStr5 = point.lat().toFixed(5) + ', ' + point.lng().toFixed(5);<br/>var latLngStr4 = point.lat().toFixed(4) + ', ' + point.lng().toFixed(4);<br/><br/><br/>document.getElementById(&quot;precision&quot;).options[0].text = latLngStrF;<br/>document.getElementById(&quot;precision&quot;).options[1].text = latLngStr8;<br/>document.getElementById(&quot;precision&quot;).options[2].text = latLngStr6;<br/>document.getElementById(&quot;precision&quot;).options[3].text = latLngStr5; <br/>document.getElementById(&quot;precision&quot;).options[4].text = latLngStr4;<br/><br/>lastPoint = point;<br/>});

   Przykład tutaj

4. …