Udvikleren.dk - Seneste [google-maps] forum tr�de

Overlay med pins p� Google Maps

Mon, 26 Feb 2018 10:03:58 GMT

Hej alle
Jeg skal lave et rejsesite som hovedsagligt skal dreje sig om at man kan vise alle de steder man har v�ret i verden. Dette forestiller jeg mig skal fungere som pins p� et Google Maps dvs. med lidt tekst og et link til mere forklaring om turen/ferien.

Jeg ved at det er relativt nemt og hurtigt at lave, men jeg ville bare lige h�re om der er nogen af der kender en god guide til dette eller evt. nogen, som allerede har lavet koden til det som jeg kan k�be/f�?

P� forh�nd tusind tak
mvh
Elna

Array fra PHP til JS og GMaps

Thu, 01 May 2014 10:42:09 GMT

Hejsa.

Det driller virkelig det her.

Jeg skulle meget gerne have et array fra min xml fil.
Dette array skal jeg s� have sendt videre til mit javascript s� jeg kan placere nogle markers p� et google maps.

Den vil dog intet af det som jeg vil.
Den melder kun fejl. ( TypeError: 'undefined' is not an object (evaluating 'myArray['latitude']') ).

Er der en klog man der kan hj�lpe?

JScript kode

 <?php 
 
 $xml = simplexml_load_file('stops.xml');
 
 $data = array();
 
 foreach ($xml as $key) {
     
     $data['name'][] = (string)$key->navn;
     $data['latitude'][] = (string)$key->wgs84koor->latitude;
     $data['longitude'] = (string)$key->wgs84koor->longitude;
 }
 
 //var_dump($data);
 
 
 ?> 
 <!DOCTYPE html>
 <html>
   <head>
     <title>KOLDING MAP</title>
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
     <meta charset="utf-8">
     <style>
       html, body, #map-canvas {
         height: 100%;
         margin: 0px;
         padding: 0px
       }
     </style>
      <script type="text/javascript"
       src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB41mptNBILxXLpL4MTr1uFOwqubOCR-mE&sensor=true">
     </script>
     <script>
         var map;
         function initialize() {
               var mapOptions = {
                 zoom: 13,
                 center: new google.maps.LatLng(55.495363, 9.484839)
               };
               map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
               
               
               var myArray = <?php echo $data[] ?>;
               var arrayLength = myArray.length;
               
               for(var i = 0; i < arrayLength; i++){
                   
                   var marker = new google.maps.Marker({
                       position: new google.maps.LatLng(myArray['latitude'][i], myArray['longitude'][i]),
                       map: map,
                   });
               }
               
         }
 
         google.maps.event.addDomListener(window, 'load', initialize);
         
         
     </script>
   </head>
   <body>
     <div id="map-canvas"></div>
   </body>
 </html>

Den ligger live p� http://mautone.dk/xml

Google kort p� egen hjemmeside med flere adresse

Sun, 30 Jun 2013 11:25:24 GMT

Kende I et godt sted p� internettet, hvor jeg kan l�se om google kort p� egen hjemmeside med flere adresse.
Jeg er ikke s� god til engelsk, men har l�st lidt p� https://developers.google.com/maps/documentation/javascript/
Der m� finde en tutorials, med flere adresse et eller andet sted p� internettet Men hvor

K�rselsafstand via Google maps

Thu, 23 May 2013 08:46:23 GMT

Jeg har en asp.net formular med to adressefelter og "Antal k�rte km.". De tre felter udfyldes i dag manuelt af brugeren.

Nu vil jeg gerne lave en knap, hvor brugeren kan �bne Google Maps, lave en rutevejledning fra A til B og s� returnere resultatet til de tre felter. Alternativt bare returnere distancen.

Jeg har selvf�lgelig kigget p� Google Maps dokumentationen, uden at blive meget klogere.

Har i et bud p�, hvordan det kan laves - gerne i C#? Jeg forestiller mig at Google har lavet alt forarbejdet for mig, s� der ikke skal laves ret meget kode - m�ske en anelse naivt

Google Maps Embed - indl�ser ikke hele kortet

Thu, 10 May 2012 10:00:27 GMT

Hej der ude.

jeg har et google map p� en side, men kan ikke f� den til at indl�se hele kortet :/
er der nogen af jer der har pr�vet noget i samme stil f�r?

hvis jeg flytter lidt rund p� kortet bliver det stadig ikke indl�st.

screen shot:
http://kenneth.wi.ots.dk/udvikleren/google_map.png

det ligger lokalt, s� kan ikke lige give et link.

edit:

har pr�vet at tilf�je:

JScript kode

 google.maps.event.addListenerOnce(this.mapHandle, "tilesloaded", function(){
   console.log("Map loaded");
 });

og den skriver fint nok map loaded.

hj�lp til google map v2 til v3

Sun, 29 Apr 2012 13:47:13 GMT

hej alle.

Har s�dan en google map k�rene p� en webside og har s�dan 2 filer der er lavet til v2 api hvor den s�tter en start adresse selv og man s� skriver slut adresse og det s� bliver vist som rute.

men kunne godt t�nke mig og f� den til og virke i v3 af google map. men ved ikke rigtig hvor meget kode der skal skrives om h�ber der en der kan hj�lpe herinde.

smider lige de to filer op

<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Find vej til din varer</title>
<script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=min key" type="text/javascript"></script>

<style type="text/css">
body {
font-family: Verdana, Arial, sans serif;
font-size: 11px;
margin: 2px;
}
table.directions th {
background-color:#EEEEEE;
}

img {
color: #000000;
}
</style>
<script type="text/javascript">

var map;
var gdir;
var geocoder = null;
var addressMarker;
var fulladdress = unescape(location.search.substring(1,location.search.length)) ;

var toend = fulladdress.indexOf('&') ;
var fromAddress = fulladdress.substring(5,toend) ;
fromAddress = fromAddress.replace(/\+/g, ' ') ;

var fromend = fulladdress.indexOf('&', toend+1) ;

var toAddress = fulladdress.substring(toend+4,fromend) ;
toAddress = toAddress.replace(/\+/g, ' ');

function initialize() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map_canvas"));
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl()) ;
//map.addControl(new GOverviewMapControl()) ;
gdir = new GDirections(map, document.getElementById("directions"));
GEvent.addListener(gdir, "load", onGDirectionsLoad);
GEvent.addListener(gdir, "error", handleErrors);

setDirections(fromAddress, toAddress , "da_DA");
}
}

function setDirections(fromAddress, toAddress, locale) {
gdir.load("from: " + fromAddress + " to: " + toAddress,
{ "locale": locale });
}

function handleErrors(){
if (gdir.getStatus().code == G_GEO_UNKNOWN_ADDRESS)
alert("No corresponding geographic location could be found for one of the specified addresses. This may be due to the fact that the address is relatively new, or it may be incorrect.\nError code: " + gdir.getStatus().code);
else if (gdir.getStatus().code == G_GEO_SERVER_ERROR)
alert("A geocoding or directions request could not be successfully processed, yet the exact reason for the failure is not known.\n Error code: " + gdir.getStatus().code);

else if (gdir.getStatus().code == G_GEO_MISSING_QUERY)
alert("The HTTP q parameter was either missing or had no value. For geocoder requests, this means that an empty address was specified as input. For directions requests, this means that no query was specified in the input.\n Error code: " + gdir.getStatus().code);

// else if (gdir.getStatus().code == G_UNAVAILABLE_ADDRESS) <--- Doc bug... this is either not defined, or Doc is wrong
// alert("The geocode for the given address or the route for the given directions query cannot be returned due to legal or contractual reasons.\n Error code: " + gdir.getStatus().code);

else if (gdir.getStatus().code == G_GEO_BAD_KEY)
alert("The given key is either invalid or does not match the domain for which it was given. \n Error code: " + gdir.getStatus().code);

else if (gdir.getStatus().code == G_GEO_BAD_REQUEST)
alert("A directions request could not be successfully parsed.\n Error code: " + gdir.getStatus().code);

else alert("An unknown error occurred.");

}

function onGDirectionsLoad(){
// Use this function to access information about the latest load()
// results.

// e.g.
// document.getElementById("getStatus").innerHTML = gdir.getStatus().code;
// and yada yada yada...
}
</script>

</head>
<body onload="initialize()" onunload="GUnload()">

<form action="#" onsubmit="setDirections(this.from.value, this.to.value, this.locale.value); return false">

<table>

<tr><th align="right">Fra: </th>

<td>

<script language="javascript">
toAddress = toAddress.replace(/\+/g, ' ') ;
document.write('<input type="text" size="25" id="fromAddress" name="from" value="' + fromAddress + '" />') ;
</script>
</td>
<th align="right"> Til: </th>
<td align="right">

<script language="javascript">
toAddress = toAddress.replace(/\+/g, ' ') ;
document.write('<input type="text" size="25" id="toAddress" name="to" value="' + toAddress + '" />') ;
</script>

</td></tr>

<tr>

<td colspan="3">

</select>

<input name="submit" type="submit" value="Klik her for og lave rute" />

</td></tr>
</table>

</form>

<br/>
<table class="directions">
<tr><th>Ruten</th><th>Kort</th></tr>

<tr>
<td valign="top"><div id="directions" style="width: 200px"></div></td>
<td valign="top"><div id="map_canvas" style="width: 385px; height: 400px"></div></td>

</tr>
</table>
</body>
</html>
----------------------------------------------------------------------------

og her er den der �bner kort

<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>find p� kort</title>
<link href="/standard.css" media="screen" rel="Stylesheet" type="text/css">

<script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=min key" type="text/javascript"></script>

<script type="text/javascript">
//<![CDATA[

var geocoder ;
var icon ;
var gicon ;
var map ;

function load()
{
map = new GMap2(document.getElementById("map"));
var start = new GLatLng(54.7736870057,11.8679974179);
map.setCenter(start, 3);

map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl()) ;
map.addControl(new GOverviewMapControl()) ;
geocoder = new GClientGeocoder() ;

var address = unescape(location.search.substring(1,location.search.length)) ;
address = address.replace(/\+/g, ' ') ;
showAddress(address) ;

}

function showAddress(address)
{

document.title = address ;
geocoder.getLatLng( address, function(point)
{
if (!point)
{
alert(address + " not found")
} else
{
map.setCenter(point, 13);
var marker = new GMarker(point);
map.addOverlay(marker);

marker.openInfoWindowHtml('<br> find vej til:<br><span style="color: #2A1FAA; font-weight: bold;" >' + address + '</span> <br>fra:<form action="dir_map.htm" onsubmit="post"><input type="text" size="25" id="fromAddress" name="from" value=""/><input type="hidden" size="25" id="toAddress" name="to" value="' + address + '" /><br><input name="submit" type="submit" value="Lav rute!" /></form>');
}
}) ;
}

//]]>

</script>

</style>
</head>
<body bgcolor="#ffffff" text="black" link="#444444" alink="gray" vlink="#111111" onload="load();" onunload="GUnload()">
<div align="center" valign="center" >

<table width="100%" height="100%" border=0 valign="center" align="center" cellPadding=2 cellSpacing=2>
<tr width="100%">
<script language="javascript">

</script>
</td>
</tr>
</table>

</div>
</body>
</html>

Nogen som har kort p� google maps?

Wed, 25 Jan 2012 00:56:14 GMT

Jeg har et kort p� google maps som kan downloades i kml format.
Det er en tekst fil i xml.

Jeg syntes google maps "editoren" virker d�rligt n�r man skal rette i de data der er for hver punkt.

For eksempel har jeg punkter for butikker og hvis jeg s� klikke hurtigt eller noget s� kan google maps finde p� at slette den adresse jeg har skrevet og det er irriterende.

Derfor vil jeg gerne downloade kortet i kml ogs� rediger p� min egen computer, s� har jeg en backup ogs� vil jeg s� gerne uploade det kort.
Det kan jeg ogs� man s� skifter adressen til kortet fordi jeg skal f�rst slette det ogs� importer kml filen igen.

Jeg vil h�re om der er nogen af jer andre der har kort p� google map og hvordan i g�r for at redigere ?