Kort med afmærkninger

Jeg ville nok indlæse koordinaterne fra databasen i et JavaScript-array og så lave en JavaScript-kode der indsatte krydserne.
Både fordi det vil spare på serverens resourcer og fordi det vil være nemmere.

Lidt pseudokode:
----------------------------
<img id="worldmap" src="worldmap.jpg">

<img id="cross" style="border:0;display:none" src="cross.gif">

<script type="text/javascript">
function insertCoords(){
  var aCoords=["11,22","33,44","55,66"];
  var iMapTop=document.getElementById("worldmap").offsetTop;
  var iMapLeft=document.getElementById("worldmap").offsetLeft;
  var oBody=document.getElementsByTagName("body")[0];

  for(var i=0;i<aCoords.length;i++){
    oBody.appendChild(document.getElementById("cross").cloneNode(true));
    oBody.lastChild.style.top=iMapTop+aCoords[i].split(",")[0]+"px";
    oBody.lastChild.style.top=iMapTop+aCoords[i].split(",")[0]+"px";
    oBody.lastChild.style.display="block";
  }
}
window.onload=function(){insertCoords()};
</script>

Hov:
---------------------------
<img id="worldmap" src="worldmap.jpg">

<img id="cross" style="border:0;display:none" src="cross.gif">

<script type="text/javascript">
function insertCoords(){
  var aCoords=["11,22","33,44","55,66"];
  var iMapTop=document.getElementById("worldmap").offsetTop;
  var iMapLeft=document.getElementById("worldmap").offsetLeft;
  var oBody=document.getElementsByTagName("body")[0];

  for(var i=0;i<aCoords.length;i++){
    oBody.appendChild(document.getElementById("cross").cloneNode(true));
    oBody.lastChild.style.top=iMapTop+aCoords[i].split(",")[0]+"px";
    oBody.lastChild.style.left=iMapLeft+aCoords[i].split(",")[1]+"px";
    oBody.lastChild.style.display="block";
  }
}
window.onload=function(){insertCoords()};
</script>

Nu har jeg lige testet det, og rettet til:
------------------------------------------
<img id="worldmap" style="border:0;width:600px;height:500px" src="worldmap.jpg">

<img id="cross" style="border:0;display:none" src="cross.gif">

<script type="text/javascript">
function insertCoords(){
  var aCoords=["11,22","33,44","55,66"];
  var iMapTop=document.getElementById("worldmap").offsetTop;
  var iMapLeft=document.getElementById("worldmap").offsetLeft;
  var oBody=document.getElementsByTagName("body")[0];

  for(var i=0;i<aCoords.length;i++){
    oBody.appendChild(document.getElementById("cross").cloneNode(true));
    oBody.lastChild.style.position="absolute";
    oBody.lastChild.style.top=iMapTop+parseInt(aCoords[i].split(",")[0])+"px";
    oBody.lastChild.style.left=iMapLeft+parseInt(aCoords[i].split(",")[1])+"px";
    oBody.lastChild.style.display="block";
  }
}
window.onload=function(){insertCoords()};
</script>

Det var dog fantastisk, vil lige kigge på det.
Er ikke den store javascript haj..
går ud fra at jeg skal have indlæst koordinaterne og sat dem ind i den variabel aCoords ?

Rent teknisk hvordan er det så nemmest at lave det, skal det være sådan at man omsætter eks breddegrad og højdegrad til antal pixels fra midten af skærmen, og så har kortet centreret på midten eller hvordan ??

Jep, de skal indsættes i aCoords, så de kommer til at stå som de gør nu.

Min kode fungerer sådan, at den selv finder ud af, hvor kortet er placeret på siden. Så du skal sådan set bare have omsat bredde-/længdegrad til pixels fra venstre øverste hjørne på billedet af kortet.

Ellers kig på Google Maps API'et: http://code.google.com/apis/maps/ :)

coderdk
ja det var også en mulighed..
der står dette på siden  http://code.google.com/apis/maps/signup.html :
"Your service must be freely accessible to end users."

Vil det mon sige, at der ikke må kræves betaling for at brugerne kan se kortet, eller at der ikke må bruges login eller hvordan mon ??

<ole>

Ja, det vil det sige  =)

/mvh
</bole>

Ikke betaling, men login påkrævet, såfremt det er gratis at lave sign-up er vel i orden - så er det stadig "freely accessible" :P

Nogen der kan sige mig, hvor jeg kan se hvordan man gør følgende med Google Maps API ??
Kan ikke finde det på deres side nemlig..... :

Jeg har en tabel i en database, med bynavne og koordinater (eks. højde- og breddegrad) disse skal så plottes ind på et verdenskort med et punkt eller kryds..og kortet skal så vises på en hjemmeside..

http://code.google.com/apis/maps/documentation/examples/
http://code.google.com/apis/maps/documentation/examples/map-markers.html

I det sidste, looper den 10 gange og laver 10 markers... Du kan selvfølgelig gøre som du vil ;)

coderdk
kan man også se det script der genererer det ?

view source / vis kilde - funktionen "initialize" - det er javascript der genererer det... Du kan dog lave noget javascript vha php ;)
Men der er flere måder. Her er lidt mere:

http://code.google.com/support/bin/answer.py?answer=65622
http://code.google.com/support/bin/answer.py?answer=87134&topic=11364

coderdk
ja havde håbet der lå noget helt færdigt, er nemlig ikke så stærk i javascript, men må se om jeg kan tygge mig igennem det..

findes der et sted, hvor man kan se en masse byers bredde- og længdegrad ??
de skal jo sættes ind i databasen....

http://en.wikipedia.org/wiki/List_of_cities_by_latitude - Den kan du måske bare kravle og skrubbe? :)

For lande: http://www.mobilgistix.com/Resources/GIS/Locations/average-latitude-longitude-countries.aspx <- der er også en CSV (kommasepareret fil)

Mange waypoints: http://www.tapr.org/~kh2z/Waypoint/WaypointFiles.htm

http://www.world-gazetteer.com/wg.php?x=1129163518&men=stdl&lng=en&gln=xx&dat=32&srt=npan&col=aohdq

http://www.travelgis.com/default.asp?framesrc=/cities/default.asp%3Fletter%3Dq

jeg er igang med denne :
http://code.google.com/support/bin/answer.py?answer=65622#outputxml
og så prøver jeg at se denne på skærmen men den er helt blank :
phpsqlajax_genxml2.php:

Jeg har lavet databasen med data....
ved ikke lig ehvad der kan være forkert...??

Ingen der har erfaring med dette ?

Jeg har gjort som der står på siden, oprettet tabel i databasen, og lavet de filer der står, men siden er bare blank når jeg kører filen ??
Ingen der har prøvet dette script før ??

Her er link til siderne :
her er xml :
http://www.komsikomsa.dk/phpsqlajax_genxml.php
ser det ikke rigtigt ud ??

og her kortet, men der er ingen afmærkninger på ??? :
http://www.komsikomsa.dk/phpsqlajax_map.htm

Prøv at ændre

GDownloadUrl("phpsqlajax_expectedoutput.xml", function(data) {

til

GDownloadUrl("phpsqlajax_genxml.php", function(data) {

nu ser det ud til at virke med din ændring. mange tak !
Hvordan kan det være at det oprindelige ikke var ok ?

Den skulle bruge din PHP-ajaxfil, men .htm-filen refererede til en anden fil (som så ikke fandtes)... :)

fint, men nu er problemet så at det ikke virker på et andet domæne hvor jeg får meddelelsen :
Call to undefined function domxml_new_doc() in phpsqlajax_genxml.php on line 5
det må være denne :
$doc = domxml_new_doc("1.0");

Hvad kan det skyldes ??
De 2 domæner ligger ikke på samme server....

Der er ikke kompileret support i PHP for DOMXML: http://dk.php.net/domxml

øh hvad mener du ?

Enten er det en gammel version af PHP (under v4.2.0) eller også er har de ikke bygget DOM XML ind i den PHP der kører...

Prøv:

<?php phpinfo(); ?>

Hvis du kører den på begge servere kan du se versionsnummer, samt hvilke ting der er kompileret ind i PHP (Se efter DOM)...

på den hvor det ikke virker er det mht. dom :

DOM/XML  enabled 
DOM/XML API Version  20031129 
libxml Version  2.6.27 
HTML Support  enabled 
XPath Support  enabled 
XPointer Support  enabled 
Schema Support  enabled 
RelaxNG Support  enabled 

og PHP :PHP Version 5.2.6

på det domæne hvor det virker :
domxml
DOM/XML  enabled 
DOM/XML API Version  20020815 
libxml Version  20627 
HTML Support  enabled 
XPath Support  enabled 
XPointer Support  enabled 
DOM/XSLT  enabled 
libxslt Version  1.1.19 
libxslt compiled against libxml Version  2.6.27 
DOM/EXSLT  enabled 
libexslt Version  1.1.19 

og
PHP : PHP Version 4.4.9



på den hvor det virker er der også :
additional .ini files parsed : domxml.ini

den er ikke med på det domæne hvor det ikke virker...


det ser jo ud til at PHP versionen er i orden på begge domæner.. men ved ikke mht dom ??

Sorry, der er mig der forveksler DOM med DOMXML (to forskellige ting) - Den ene er indbygget i PHP den anden er en PECL-extension...

http://dk.php.net/domxml
og
http://dk.php.net/dom

Det lader til at domxml skal installeres på PHP 5...

Prøv at kigge i

phpsqlajax_genxml.php

Lav

$doc = domxml_new_doc("1.0");

om til

$doc = new DOMDocument("1.0");

Lav

create_element

om til

createElement

Lav

append_child

om til

appendChild

Lav

set_attribute

om til

setAttribute

Lav

dump_mem

om til

saveHTML


så burde det virke

(Og viola, så bruger du nu DOM i stedet for DOMXML)

yes det virker nu..
mange, mange tak for din hjælp !!

np :)

læg et svar coderdk..

nå det havde du jo gjort :-)

:D