login  Naam:   Wachtwoord: 
Registreer je!
 Forum

google maps textballon

Offline Seawolf1979 - 23/04/2008 22:48
Avatar van Seawolf1979Nieuw lid Hello folks,
Ik ben bezig met google maps te integreren in mijn website.
De volgende code is een deel van het script (java uiteraard) dat op googlemaps een textballon voorziet met daarin de gegevens die jij wil.
Nu zou ik "Hello" op één lijn willen zetten en "world" op de volgende.

Ik heb reeds geprobeerd met <br> en \n maar ik krijg hier geen resultaat mee.
Iemand een idee

  1. var map = new GMap2(document.getElementById("map_canvas"));
  2. map.setCenter(new GLatLng(37.4419, -122.1419), 13);
  3. map.openInfoWindow(map.getCenter(),
  4. document.createTextNode("Hello, world"));

6 antwoorden

Gesponsorde links
Offline vinTage - 23/04/2008 23:59
Avatar van vinTage Nieuw lid dittuh (src)
Offline Pieter - 24/04/2008 09:12
Avatar van Pieter Gouden medaille

SEO guru
Idd. Je kan hier gewoon HTML in gebruiken.
Offline Seawolf1979 - 24/04/2008 19:48
Avatar van Seawolf1979 Nieuw lid vinTage ik heb die link van jou even bekeken en is gaan kijken naar de broncode, blijkt dat er in de code's al een heel groot verschil zit.
Ik heb ze voor alle zekerheid even hieronder geplakt.

  1. <script src="http://maps.google.com/maps?file=api&v=2&hl=nl&key=*****" type="text/javascript"></script>
  2. <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&hl=nl&key=*****" type="text/javascript"></script>
  3. <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
  4.  
  5. <style type="text/css">
  6. @import url("http://www.google.com/uds/css/gsearch.css");
  7. @import url("gmlocalsearch.css");
  8.  
  9. #map {
  10. border : 1px solid #979797;
  11. width : 100%;
  12. height : 500px;
  13. }
  14. </style>
  15.  
  16. <script type="text/javascript">
  17. //<![CDATA[
  18. function load() {
  19. if (GBrowserIsCompatible()) {
  20.  
  21. // Create and Center a Map
  22. var map = new GMap2(document.getElementById("map"));
  23. map.setCenter(new GLatLng(51.184765, 4.449469), 14);
  24. map.addControl(new GSmallMapControl());
  25. map.addControl(new GMapTypeControl());
  26.  
  27.  
  28.  
  29. // bind a search control to the map, suppress result list
  30. map.addControl(new google.maps.LocalSearch());
  31. map.openInfoWindow(map.getCenter(),
  32. document.createTextNode("Sportzaal St Amadeus</ br>Deurnestraat 252, 2640 Mortsel</ br>Tel : 03/440 68 50"));
  33. }
  34. }
  35. GSearch.setOnLoadCallback(load);
  36. //]]>
  37. </script>
Offline Pieter - 25/04/2008 10:22
Avatar van Pieter Gouden medaille

SEO guru
Het is <br/> ipv </br>.
Offline Seawolf1979 - 25/04/2008 16:40
Avatar van Seawolf1979 Nieuw lid zelfs dat lijkt niet te lukken pieterc
Offline Ontani - 25/04/2008 16:43 (laatste wijziging 25/04/2008 16:44)
Avatar van Ontani Gouden medailleGouden medailleGouden medailleGouden medaille

-1
  1. <script type="text/javascript">
  2.  
  3. //<![CDATA[
  4.  
  5. var geocoder = null;
  6. function load() {
  7. if (GBrowserIsCompatible()) {
  8. var map = new GMap2(document.getElementById("map"));
  9. map.setCenter(new GLatLng(37.4419, -122.1419), 13);
  10. map.addControl(new GSmallMapControl());
  11. map.addControl(new GMapTypeControl());
  12. geocoder = new GClientGeocoder();
  13. if (geocoder) {
  14. geocoder.getLatLng(
  15. "Geelseweg 8b,2200 Herentals,Belgium",
  16. function(point) {
  17. map.setCenter(point, 15);
  18. var marker = new GMarker(point);
  19. map.addOverlay(marker);
  20. marker.openInfoWindowHtml('<img src="/img/logo_black.png" alt="" /><br/>Geelseweg 8b<br />2200 Herentals<br />Belgium');
  21. }
  22. );
  23. }
  24. }
  25. }
  26. //]]>
  27. </script>


Wat ik altijd gebruik.
Gesponsorde links
Dit onderwerp is gesloten.
Actieve forumberichten
© 2002-2024 Sitemasters.be - Regels - Laadtijd: 0.239s