Black Friday = Pricewatch Bekijk onze selectie van de beste Black Friday-deals en voorkom een miskoop.

[JAVASCRIPT/XML]Custom Google Map XML markers mét html codes

Pagina: 1
Acties:

  • Coeluh
  • Registratie: Juli 2006
  • Laatst online: 03-10 18:06
Ik ben bezig met een custom google map te maken met markers (die spots) en infowindows (tooltip bubbles).
Ik heb mijn plaatje geupload op www.gmapuploader.com . Dit werkte goed. Het is gelukt en ik heb markers toegevoeg mét tooltips.

voorbeeld: jc-c.nl/mapfull.htm

Maar nu het volgende. Ik heb een xml met coordinates en inhoud van de infowindows daarbij.
code:
1
2
3
4
5
<?xml version="1.0" encoding="utf-8"?>
<markers>
    <marker lat="4.19677734375" lng="1.1865234375" content="test"/>
    <marker lat="-1.40625" lng="-8.96484375" content="plas"/>
</markers>


code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
            function createMarker(point,html) {
      var marker = new GMarker(point);
                  GEvent.addListener(marker,"click", function() {
        map.openInfoWindowHtml(point,html);
      });
     return marker;
    }

    GDownloadUrl("data.xml", function(data, responseCode) {
    var xml = GXml.parse(data);
    var markers = xml.documentElement.getElementsByTagName("marker");
    for (var i = 0; i < markers.length; i++) {
      var point = new GLatLng(parseFloat(markers[i].getAttribute("lat")),
                              parseFloat(markers[i].getAttribute("lng")));
                
          var marker = createMarker(point,markers[i].getAttribute("content"));
          map.addOverlay(marker);
    }
          }
        );


Dan nu het probleem: Ik wil graag een plaatje in zon tooltip doen. Op een een of andere manier kan ik geen html code gebruiken in XML. Ik heb gezocht maar ik heb geen flauw idee waarop. Ik wil het graag via XML doen want ik heb dalijk 100 foto's die ik op de kaart wil toevoegen. Ik hoop dat ik genoeg info heb gegeven, zo niet gooi hem dan niet meteen dicht maar zeg het please in een comment, want ik wil dit wel graag afhebben. Het effect lijkt me gewoon heel vet.

EDIT:
Wat ik kan doen is in t javascript er al image tags omheen zetten. Maar dan kan ik geen tekst toevoegen. Ik ga nu proberen met meerdere parameters in de xml. Heeft iemand anders nog een oplossing?

[ Voor 5% gewijzigd door Coeluh op 13-10-2008 21:05 ]


  • Spinal
  • Registratie: Februari 2001
  • Laatst online: 04-11 13:53
[b][message=30884637,noline][...]Op een een of andere manier kan ik geen html code gebruiken in XML. Ik heb gezocht maar ik heb geen flauw idee waarop.
Ik hoop dat ik het goed heb, maar zo niet dan is er vast wel iemand na me die me verbeterd :)
Ik gok dat je CDATA moet gebruiken. W3Schools heeft er een artikel over dat je misschien verder kan helpen.

Full-stack webdeveloper in Groningen


  • UltimateB
  • Registratie: April 2003
  • Niet online

UltimateB

Pomdiedom

is er een reden dat je het met XML wil doen? Nu ga je xml downloaden en verwerken (client side) om het vervolgens te tonen. Hoe genereer je de XML? Heb je niet de keuze om direct javascript te genereren? Dit zou sneller werken, zeker als je site blijft groeien.

Just my 2 cents .

"True skill is when luck becomes a habit"
SWIS


  • Coeluh
  • Registratie: Juli 2006
  • Laatst online: 03-10 18:06
UltimateB schreef op dinsdag 14 oktober 2008 @ 00:27:
is er een reden dat je het met XML wil doen? Nu ga je xml downloaden en verwerken (client side) om het vervolgens te tonen. Hoe genereer je de XML? Heb je niet de keuze om direct javascript te genereren? Dit zou sneller werken, zeker als je site blijft groeien.

Just my 2 cents .
Mij leek het makkelijk om een los bestand te hebben waar ik alle info in kon pleuren. Online stond een tut hoe het te maken. Heb nu apparte parameters en het werkt. Wat zou jij dan aanraden eigenlijk?

  • Morphine
  • Registratie: Februari 2002
  • Laatst online: 24-09 22:12
Iemand al een oplossing.. same prob here ;)

enne..

code:
1
2
3
<markers>
    <marker **** content="<![CDATA[ bla bla ]]>"/>
</markers>



werkt niet (*** ipv lat long )

[ Voor 13% gewijzigd door Morphine op 27-10-2008 12:11 ]


  • Icelus
  • Registratie: Januari 2004
  • Niet online
Morphine schreef op maandag 27 oktober 2008 @ 12:10:
Iemand al een oplossing.. same prob here ;)

enne..

code:
1
2
3
<markers>
    <marker **** content="<![CDATA[ bla bla ]]>"/>
</markers>



werkt niet (*** ipv lat long )
Volgens mij kun je geen CDATA in attributen gebruiken.
Kun je niet zoiets gebruiken:
code:
1
2
3
4
5
6
7
<marker *** />
<marker ***>
  <content>
    <strong>Titel</strong>
    <img *** />
  </content>
</marker>

Developer Accused Of Unreadable Code Refuses To Comment

Pagina: 1