Scripts - Tutorials - Forum - Downloads - Showcase - Contact

Artikels

VPN vergelijken

Algemeen

Beginpagina

FAQ

Grafische worm (243)

Links

Nieuwsartikels

Nieuwsarchief

Boeken programmeren

Overzicht

Samenwerken

Webhosting

Zoek op Sitemasters

Leden

Registreren

Ledenlijst

Ons team

Links

webhostingtop10.be

Sociale media

Follow @sitemasters

Sitemasters

Adverteren op Sitemasters?

Contacteer ons

RSS

Link naar ons

Donaties

Poll

Je moet ingelogd zijn om te stemmen.

Statistieken

Linkpartners

Forum

Categorieën > Overige

google API map op je website

Gust - 24/07/2008 09:07
MySQL interesse		Ik zoek de manier om zoals deze website google maps in je website te integreren. Heeft er iemand ervaring hiermee? Mij is het slechts gedeeltelijk gelukt. Klik hier en bekijk de brondcode. Ik zou niet weten wat ik fout doe

14 antwoorden

Gesponsorde links

Berten - 24/07/2008 09:11
PHP beginner		Wat werkt er niet aan jouw versie? De popup? Het feit dat hij de plaats niet weergeeft? De google api documentatie heeft trouwens heel wat voorbeelden

Gust - 24/07/2008 09:50
MySQL interesse		Hij geeft alleen het beeld, zonder de zoommodus en zo Het is ook de bedoeling dat je een adres kunt intypen en dat hij dat dan aangeeft, zoals de net aangehaalde website of zoals google maps.

Ontani - 24/07/2008 09:51
-1		Heb je de voorbeelden van google API wel eens bekeken?

Berten - 24/07/2008 09:54
PHP beginner		Google Maps Examples

field33 - 24/07/2008 16:58
Nieuw lid		je kan een hoop componomenten toevoegen. Voorbeeldje: http://chrisvdk.gethost.nl/extendedsearch/maps/ Je mag er dingen vanaf rippen, maar de API key moet van jezelf blijven

Raze - 24/07/2008 17:48
PHP beginner		Voor de zoomfunctie: php code - Bekijk de code zonder highlighting - Klap code in map.addControl(new GSmallMapControl()); map.addControl(new GSmallMapControl()); Voor ie knoppen om e kaart te verschuiven: php code - Bekijk de code zonder highlighting - Klap code in map.addControl(new GMapTypeControl()); map.addControl(new GMapTypeControl()); gewoon bijvoegen bij function load()

Gust - 29/07/2008 15:49
MySQL interesse		Bedankt allebei, Maar ik zoek het een beetje anders: Ik ben een hotelliersysteem aan het maken. Op de beginpagina wordt een adres ingetypt. Adhv dit adres moet op een andere pagina dat adres in kaart staan via google. www.booking.com heeft het, maar ik weet niet hoe ze het doen

Raze - 29/07/2008 23:21
PHP beginner		je kan mss met 2 formuliervelden werken, deze versturen naar de pagina waarop je kaart staat en dan dat adres opvragen uit de formuliervelden. php code - Bekijk de code zonder highlighting - Klap code in <?php $adres1 = $_POST['formulierveld1']; $adres2 = $_POST['formulierveld2']; ?> <?php $adres1 = $_POST['formulierveld1']; $adres2 = $_POST['formulierveld2']; ?> en daarna doe je dit in de code van google maps op de plaats waar het adres moet komen php code - Bekijk de code zonder highlighting - Klap code in <?php echo $adres1 ?> <?php echo $adres1 ?>

astula - 14/08/2008 21:59
Lid		Hello, Ik probeer al een tijdje Google maps op mijn website te plaatsen, steeds krijg ik de melding dat deze API key al gerigistreerd is op een andere website. Nu heb ik een tweede sleutel aangemaakt op mijn host adres, en de kaart aangemaakt op een test site, hoera alles werkt !!!!! maar naar het schijnt moet ik remoten van mijn test pagina naar mijn site op basis van servervariabelen omzo van testpagina naar mijn site te switchen. OK ik ben maar een beginneling !! en mijn vraag is kan iemand mij duidelijk uitleggen hoe ik dat moet doen, liefst met een voorbeeld van een script. Beste dank Astula ps. ik heb de google map van mijn site afgehaald en mijn oude kaart teruggeplaatst. http://www.ifb.c.la http://www.ifbas.net ifb@versateladsl.be

Guardian - 04/09/2008 21:23
Nieuw lid		Raze schreef: je kan mss met 2 formuliervelden werken, deze versturen naar de pagina waarop je kaart staat en dan dat adres opvragen uit de formuliervelden. [..code..] en daarna doe je dit in de code van google maps op de plaats waar het adres moet komen [..code..] Werd hier een oplossing voor gevonden? Ik heb een adres dat ik uit mijn database haal, en dit wil ik dan inlezen in een google maps object. Ik heb wel het voorbeeld kunnen maken dat je het adres moet invullen in een input veld, en na submit de kaart te zien krijgt. Maar ik wil dus vermijden dat je op submit moet klikken. Alvast bedankt

prienstra - 04/09/2008 21:46
MySQL interesse		je wilt dus dat er automatisch een marker komt staan, adres haal je uit een database, bij het openen van een pagina?

Guardian - 04/09/2008 21:58
Nieuw lid		jup!

prienstra - 04/09/2008 22:26

MySQL interesse

Zoiets:

php code - Bekijk de code zonder highlighting - Klap code in

$sql = "SELECT * FROM tabel '";

<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=hierjegooglekey" type="text/javascript"></script>
<div id="map" style="width: 500px; height: 450px"></div>

   
<script type="text/javascript">
//<![CDATA[
var map = new GMap2(document.getElementById("map"));
var geocoder = new GClientGeocoder();
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

addr_data=new Array("<?php
	echo "" . $row['landplaats'] ."," . $row['straatnaam'] . "";
?>	");


function showAddress(address_id) {
	address=addr_data[address_id];
	geocoder.getLatLng(
		address,
		function(point) {
			if(point) {
				map.setCenter(point, 14);
				var marker = new GMarker(point, icon);
				map.addOverlay(marker);	
// Add navigatie
	map.addControl(new GLargeMapControl()); 
	map.addControl(new GMapTypeControl()); 	
	 	
				
				return marker;
			}else{
				if(address_id+1<addr_data.length) showAddress(address_id+1);
			}
		}
	);
}

showAddress(0);
//]]>
</script>

$sql = "SELECT * FROM tabel '";
 
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=hierjegooglekey" type="text/javascript"></script>
<div id="map" style="width: 500px; height: 450px"></div>
 
 
<script type="text/javascript">
//<![CDATA[
var map = new GMap2(document.getElementById("map"));
var geocoder = new GClientGeocoder();
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);
 
addr_data=new Array("<?php
	echo "" . $row['landplaats'] ."," . $row['straatnaam'] . "";
?>	");
 
 
function showAddress(address_id) {
	address=addr_data[address_id];
	geocoder.getLatLng(
		address,
		function(point) {
			if(point) {
				map.setCenter(point, 14);
				var marker = new GMarker(point, icon);
				map.addOverlay(marker);	
// Add navigatie
	map.addControl(new GLargeMapControl()); 
	map.addControl(new GMapTypeControl()); 	
 
 
				return marker;
			}else{
				if(address_id+1<addr_data.length) showAddress(address_id+1);
			}
		}
	);
}
 
showAddress(0);
//]]>
</script>

Guardian - 04/09/2008 22:54

Nieuw lid

Hmz,

Dit lukt mij niet echt.

Heb je toevallig een werkend voorbeeld?

Hieronder mijn code:

php code - Bekijk de code zonder highlighting - Klap code in

<?php
session_start();
	include("includes/functions.inc");
	include("includes/include.inc");
	include("includes/cfg.inc");
	$aantal = aantal_zaken();
	$_SESSION['aantal'] = $aantal;

$sql = "SELECT * FROM zaak where id='".$_GET['id']."'";
$result = mysql_query($sql);
$row = mysql_fetch_row($result);
?>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAW3jPI33p95lpKEcjgzFdXRQVxJPKp2qcpApukgqvzD3Sk2bUDBQKgCC7VU-3rgjDheSaIxlCFnJThg" type="text/javascript"></script>
<div id="map" style="width: 500px; height: 450px"></div>

   
<script type="text/javascript">
//<![CDATA[
var map = new GMap2(document.getElementById("map"));
var geocoder = new GClientGeocoder();
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);

addr_data=new Array("<?php
    echo "belgië," .$row['straat'].$row['huisnr']. "";
?>    ");


function showAddress(address_id) {
    address=addr_data[address_id];
    geocoder.getLatLng(
        address,
        function(point) {
            if(point) {
                map.setCenter(point, 14);
                var marker = new GMarker(point, icon);
                map.addOverlay(marker);    
// Add navigatie
    map.addControl(new GLargeMapControl()); 
    map.addControl(new GMapTypeControl());     
         
                
                return marker;
            }else{
                if(address_id+1<addr_data.length) showAddress(address_id+1);
            }
        }
    );
}

showAddress(0);
//]]>
</script>

<?php
session_start();
	include("includes/functions.inc");
	include("includes/include.inc");
	include("includes/cfg.inc");
	$aantal = aantal_zaken();
	$_SESSION['aantal'] = $aantal;
 
$sql = "SELECT * FROM zaak where id='".$_GET['id']."'";
$result = mysql_query($sql);
$row = mysql_fetch_row($result);
?>
<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAW3jPI33p95lpKEcjgzFdXRQVxJPKp2qcpApukgqvzD3Sk2bUDBQKgCC7VU-3rgjDheSaIxlCFnJThg" type="text/javascript"></script>
<div id="map" style="width: 500px; height: 450px"></div>
 
 
<script type="text/javascript">
//<![CDATA[
var map = new GMap2(document.getElementById("map"));
var geocoder = new GClientGeocoder();
var icon = new GIcon();
icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";
icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";
icon.iconSize = new GSize(12, 20);icon.shadowSize = new GSize(22, 20);
icon.iconAnchor = new GPoint(6, 20);
icon.infoWindowAnchor = new GPoint(5, 1);
 
addr_data=new Array("<?php
    echo "belgi�," .$row['straat'].$row['huisnr']. "";
?>    ");
 
 
function showAddress(address_id) {
    address=addr_data[address_id];
    geocoder.getLatLng(
        address,
        function(point) {
            if(point) {
                map.setCenter(point, 14);
                var marker = new GMarker(point, icon);
                map.addOverlay(marker);    
// Add navigatie
    map.addControl(new GLargeMapControl()); 
    map.addControl(new GMapTypeControl());     
 
 
                return marker;
            }else{
                if(address_id+1<addr_data.length) showAddress(address_id+1);
            }
        }
    );
}
 
showAddress(0);
//]]>
</script>

Gesponsorde links

Dit onderwerp is gesloten.

Actiefste leden van de maand

Actieve forumberichten