Mam taki problem - mianowicie nie wiem jak się do tego zabrać....
Mam bazę danych lokalizacji, np:
LOKALIZACJA:
id
nazwa
ulica
nr_domu
nr_mieszkania
i chciałbym żeby na podstawie pól ulica, nr_domu,nr_mieszkania automatycznie tworzyła mi się mapa google maps z zaznaczonym adresem przekazanym poprzez powyższe zmienne. w bazie danych będzie znajdowało się np 30 różnych lokalizacji i chciałbym żeby dla każdej z nich tworzyła mi się oddzielna mapa. Takie coś jest zrealizowane np. na stronie Patrz tutaj klikając na Pokaż na mapie.
Teoretycznie w Gmaps do tworzenia lokalizacji powinno podawać się współrzędne GLat i GLng jak to jest przekazane w kodzie poniżej dla przykładowej lokalizacji:
Kod
<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 "Satelita";}
MapTypes[2].getName = function() { return "Hybrydowa";}
map.addControl(new GMapTypeControl());
map.enableContinuousZoom();
map.enableDoubleClickZoom();
map.setCenter(new GLatLng(52.053150229418684, 20.439698696136474), 16);
var info='<div style="background-color: #fff; width: 240px; font-size: 11px; FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif;"><B>Jakiś napis który wyświetlany jest w oknie</B><hr><img src="zdjęcie_adr"></div>';
var point = new GLatLng(52.0531487, 20.4397057);
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(info);
});
map.addOverlay(marker);
marker.openInfoWindowHtml(info);
}
}
//]]>
</script>
//<![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 "Satelita";}
MapTypes[2].getName = function() { return "Hybrydowa";}
map.addControl(new GMapTypeControl());
map.enableContinuousZoom();
map.enableDoubleClickZoom();
map.setCenter(new GLatLng(52.053150229418684, 20.439698696136474), 16);
var info='<div style="background-color: #fff; width: 240px; font-size: 11px; FONT-FAMILY: Verdana, Tahoma, Arial, Sans-Serif;"><B>Jakiś napis który wyświetlany jest w oknie</B><hr><img src="zdjęcie_adr"></div>';
var point = new GLatLng(52.0531487, 20.4397057);
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(info);
});
map.addOverlay(marker);
marker.openInfoWindowHtml(info);
}
}
//]]>
</script>
Nie mam pojęcia jak na w/w stronie jest to zorganizowane, ale muszę takie coś zrobić. Czy mógłby mi ktoś pomóc?
Z góry wielkie dzięki
Wystarczy, że z bazy w tym pliku jako echo zwrócisz odpowiednio sformatowany string.