Sztuczki z Google Maps API
Pracując z tym Googlowym API wyszukałem parę sztuczek, które pomogą przy wykorzystywaniu tego interfejsu.
- Pozycja środka mapy Aby znaleźć pozycję środka mapy, którą aktualnie oglądamy, wystarczy w pasek adresu przeglądarki wkleić poniższy kod:
1
javascript:void(prompt('',gApplication.getMap().getCenter()));
a na ekranie pojawi się popup z koordynatami.
- Ukrycie nawigacji, gdy kursor jest poza mapą: wystarczy do skryptu dokleić kod:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(lat, lng), zoom);
map.addControl(new GLargeMapControl ());
map.addControl(new GOverviewMapControl());
map.addControl(new GScaleControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(lat, lng), zoom);
map.hideControls();
GEvent.addListener(map, "mouseover", function(){map.showControls();});
GEvent.addListener(map, "mouseout", function(){map.hideControls();});
}
}
- Pokazanie bieżącej pozycji kursora na mapie: (również kawałek kodu)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
var lastPoint;
GEvent.addListener(map, "mousemove", function(point){
var latLngStrF = point.lat().toFixed(14) + ', ' + point.lng().toFixed(14) ;
var latLngStr8 = point.lat().toFixed(8) + ', ' + point.lng().toFixed(8);
var latLngStr6 = point.lat().toFixed(6) + ', ' + point.lng().toFixed(6);
var latLngStr5 = point.lat().toFixed(5) + ', ' + point.lng().toFixed(5);
var latLngStr4 = point.lat().toFixed(4) + ', ' + point.lng().toFixed(4);
document.getElementById("precision").options[0].text = latLngStrF;
document.getElementById("precision").options[1].text = latLngStr8;
document.getElementById("precision").options[2].text = latLngStr6;
document.getElementById("precision").options[3].text = latLngStr5;
document.getElementById("precision").options[4].text = latLngStr4;
lastPoint = point;
});
Przykład tutaj