Google maps

[rebuilder]

Sveiki,

 

interesē, šāda tipa karte (http://viesunamiem.lv/lv/registreties) kur var pats atzīmēt kādu vietu, un tad tā tiek pieglabāta db, lai vēlāk attiecīgi var izvadīt gan pa vienam atzīmētam punktam kartē, tieši pie katra attēlotā objekta, vai arī uzreiz visus (http://viesunamiem.lv/lv/karte)

 

Varbūt kāds ar to ir saskāries un var pastāstīt, kā to izdarīt vai kur atrodams sīkāks info, tieši par pašu karti un kā tā darbojas?

Edited January 18, 2011 by rebuilder

[marcis]

http://code.google.com/apis/maps/documentation/javascript/basics.html

[rebuilder]

Itkā vienreiz jau biju lasījis šo, ok pārlasīšu otru reizi, varbūt palaidu garām...

[marcis]

http://code.google.com/apis/maps/documentation/javascript/overlays.html#Markers

http://code.google.com/apis/maps/documentation/javascript/reference.html#Marker

 

var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var map = new google.maps.Map(document.getElementById("map_canvas"), { // karte
 zoom: 4,
 center: myLatlng,
 mapTypeId: google.maps.MapTypeId.ROADMAP
});
var marker = new google.maps.Marker({ // puļķis
 position: myLatlng, 
 map: map, 
 title: "Hello World!",
 draggable: true // kustināms
});
google.maps.event.addListener(marker, "dragend", function(){ // gaidam, kad kāds kaut kur pavilks puļķi
 console.log(marker.getPosition()); // jaunās koordinātas
});

[rebuilder]

Liels paldies ;)

[rebuilder]

Radās viena problēma, ja karti ievietoju iekš div, kam display:none un pēc tam ar js palīdzību nospiežot uz pogas, "parādīt karti", nomainu uz display:block, karte nogļuko, rāda ne tādu izmēru.

 

Googlēju un uzgāju ka jāpievieno Gsize, bet nu tagad to pievienojot, karte vispār netiek attēlota.

 

 

Varbūt kāds no jums pamanīs kur esmu nošāvis greizi?

 

<link href="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel="stylesheet" type="text/css" /> 
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> 
<script type="text/javascript"> 

 function initialize() {
 var myLatlng = new google.maps.LatLng(56.95,24.13);
 var map = new google.maps.Map(document.getElementById('map_canvass'),{ 
 size:new GSize(410,250), // pievienojot šo rindu, karte netiek attēlota vispār.
 zoom: 13,
 center: myLatlng,
 mapTypeId: google.maps.MapTypeId.ROADMAP
 });
 var marker = new google.maps.Marker({ 
 position: myLatlng, 
 map: map, 
 title: "Te nu mēs esam'"
 });
 }
 </script>
 <div style='width:410px;height:250px;' id='map_canvass'></div> 

[marcis]

Neeksistē tāds size propertijs MapOptions objektam. Tāpat arī par tādu GSize klasi nekas nav minēts, iespējams, tāda ir eksistējusi kādā vecākā API versijā.

 

Vienkāršākais un varbūt arī pareizākais risinājums varētu būt kartes veidošana tikai pēc div'a parādīšanas, nevis uzreiz, kamēr tas vēl nav redzams.

[rebuilder]

Tika tā arī izdarīts :)