Geo Finder-Generator skryptów
Google Maps
Geo Finder to skrypt opracowany specjalnie dla tych internautów którzy chcą zamieścić mapę na własnej stronie, a nie znają JavaScript i Google Maps API. Wystarczy tylko ustawić parametry mapy i pobrać skrypt gotowy do wklejenia na własną stronę www. Do dyspozycji mamy geolokalizację, współrzędne GPS oraz zdefiniowane ponad 200 regionów świata.
przyklad 1 przyklad 2 przyklad 3
| Geolokalizacja - wpisz miasto, ulicę, nr domu itp... | |||||||
| Wspólrzędne GPS | Wybierz region, państwo | ||||||
| Nawigacja | Klawisze wyboru map | Lupa | Skala | Anim. | Typ mapy po starcie | Szer/Wys (px) | |
| Tytuł w oknie | Tresc okna | ||||||
| szer. okna (px) | wsp. GPS | ||||||
UWAGA ! Klucz Google Maps jest generowany indywidualnie dla każdej domeny. Wklejenie poniższego kodu do Twojej strony nie da oczekiwanego rezultatu jeżeli w linii 6 nie znajdzie się klucz-kod wygenerowany po zarejestrowaniu jej na stronie
http://www.google.com/apis/maps/signup.html.
Jedynym warunkiem korzystania ze skryptów generowanych przez GeoFinder jest umieszczenie na stronie informacji o źródle pochodzenia skryptu z linkiem do tej strony. Dlatego do kodu skryptu mapy dołączony jest już fragment wyświetlający link i baner.
Jedynym warunkiem korzystania ze skryptów generowanych przez GeoFinder jest umieszczenie na stronie informacji o źródle pochodzenia skryptu z linkiem do tej strony. Dlatego do kodu skryptu mapy dołączony jest już fragment wyświetlający link i baner.
Pobierz kod skryptu mapy.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2">
<title>GeoFinder - Google Maps JavaScript API Example</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=TU WKLEJ KLUCZ GOOGLE MAPS API"
type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
var MapTypes = map.getMapTypes();
MapTypes[0].getName= function() { return "Mapa";}
MapTypes[1].getName = function() { return "Satelitarna";}
MapTypes[2].getName = function() { return "Hybrydowa";}
map.addControl(new GMapTypeControl());
map.enableContinuousZoom();
map.enableDoubleClickZoom();
map.setCenter(new GLatLng(52.24088824643, 21.013669967651), 16);
map.setMapType(G_HYBRID_MAP);
var info='<div style="background-color: #fff; width: 200px; font-size: 11px; FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif;"><B>GeoFinder</B><hr><div style="background: url(gif/loader.gif); background-repeat: no-repeat; background-position: center;"><iframe width="200" height="200" src="test.html" scrolling="no" frameborder="0" align="center"></iframe></div> <hr><B>GPS</B> N: 52° 14' 10" E: 21° 0' 48" </div>';
var point = new GLatLng(52.236289198663, 21.013369560242);
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(info);
});
map.addOverlay(marker);
marker.openInfoWindowHtml(info);
}
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div>
<div id="map" style="width: 600px; height: 600px; background: url(http://web4you.com.pl/template/loader.gif); background-repeat: no-repeat; background-position: center;"></div>
<div style="padding-top:10px; text-align: right; width: 600px;"><a href="http://web4you.com.pl"><img src="http://www.web4you.com.pl/geofinder1.gif" alt="Pozycjonowanie, Google Maps" border="0" width="80" height="15"></a></div>
</div>
</body>
</html>