Google map

- WebmasterWork »
- Grafik & Programmierung »
- Sonstige Programmiersprachen »
- Google map »

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 997

Dienstag, 16. September 2008, 14:20

Hi leute,

also in meiner firma habe ich gerade ein kleines übungsprogramm geschrieben, es ist ein adressbuch. nun wollte ich dass wenn ich bei einem kontakt die adresse eingebe dass ich halt per google map anzeigen kann wo der kontakt wohnt. problem bei der sache ist ich will nur die map haben und nicht das was drumherum ist. also ich will nciht in meiner Form das hier anzeigen

	Quellcode
1	http://maps.google.de/maps?hl=de&q=München

sondern das hier

Spoiler
Quellcode
1
<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.de/maps?hl=de&amp;q=M%C3%BCnchen&amp;ie=UTF8&amp;ll=48.243882,11.646881&amp;spn=0.42963,0.878906&amp;z=10&amp;iwloc=addr&amp;output=embed&amp;s=AARTsJr3TaQPZLzDrQsTP3aodukwS7tRKA"></iframe>

habe bis jetzt das so gelöst, ich erstelle eine .html datei mit dem oberen code und setze halt hinter dem parameter q= die anschrift. und danach wird die html datei in form ausgegeben. es klappt aber nur wenn ich bei google die adresse eingegeben habe und den link kopiert habe. amsonsten kommt folgende fehlermeldung:

Spoiler
Quellcode
1
2
Forbidden
Your client does not have permission to get URL /maps?f=q&hl=de&geocode=&q=München&ie=UTF8&ll=51.756365,10.033951&spn=0.211027,0.439453&z=11&iwloc=addr&output=embed&s=AARTsJp_x0tBBp64M1Q5MkpRovZElB0bhQ from this server. (Client IP address: xx.xxx.xxx.xxx)

ich denke es liegt an dem parameter s= denn der ist bei jeder anschrift anders.

so was könnte ich machen um mein problem zu lösen? eventuell andere vorschläge?

MFG

Mein kleines Projekt
-Cruel Online-

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (17. September 2008, 07:40)

zoryfl

Moderator

Dabei seit: 14.01.2003

Beiträge: 2 766

Dienstag, 16. September 2008, 15:03

http://code.google.com/apis/maps/

Das ist genau das, worüber wir im Moment in dem Thread von Sebian reden~
Ich glaube da gabs aber schonmal min. einen anderen Thread darüber, mal die Forensuche nach google API durchsuchen.

http://zoryfl.wmw.cc

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 997

Dienstag, 16. September 2008, 16:18

ah ok habe son beispiel code von der api kopiert es ist fast so wie ich es haben will. geht es denn dass ich die custom search box ausblende und halt per script da was eintrage? habe überall im quellcode gesucht. vllt findet ihr da was

Spoiler
Quellcode
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:v="urn:schemas-microsoft-com:vml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Google Maps JavaScript API Example: LocalSearch Control</title>
    <style type="text/css">
      @import url("http://www.google.com/uds/css/gsearch.css");
      @import url("http://www.google.com/uds/solutions/localsearch/gmlocalsearch.css");
      }
    </style>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=muhahaeinkomischerkeyistdas" 
      type="text/javascript"></script>
    <script src="http://www.google.com/uds/api?file=uds.js&amp;v=1.0" type="text/javascript"></script>
    <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>    
    <script type="text/javascript">

      function initialize() {
        if (GBrowserIsCompatible()) {
        
          // Create and Center a Map
          var map = new GMap2(document.getElementById("map_canvas"));
          map.setCenter(new GLatLng(37.4419, -122.1419), 13);
          map.addControl(new GLargeMapControl());
          map.addControl(new GMapTypeControl());

          // bind a search control to the map, suppress result list
          map.addControl(new google.maps.LocalSearch(), new GControlPosition(G_ANCHOR_BOTTOM_RIGHT, new GSize(10,20))  );
        }
      }
      GSearch.setOnLoadCallback(initialize);
    </script>
  </head>
  <body onload="initialize()" onunload="GUnload()">
    <div id="map_canvas" style="width: 500px; height: 500px"></div>
  </body>
</html>

Mein kleines Projekt
-Cruel Online-

Dieser Beitrag wurde bereits 1 mal editiert, zuletzt von »cccpmik« (17. September 2008, 07:40)

ospx

Kaiser

Dabei seit: 11.11.2006

Beiträge: 1 131

Mittwoch, 17. September 2008, 01:29

Einen Klick von Zoryfl's Link aus ist doch eine hervorragende step-by-step Example - Tutorial -Seite zur API.
Brauchst bloß bei den jeweiligen Beispielen den sehr übersichtlichen und einfachen Quelltext mit den jeweiligen Erklärungen
in der Documentation anzuschauen.
Wenn du dir mal die Zeit nimmst, und diese sehr verständlichen Seiten durcharbeitest,
weißt du, wie du via Javascript (auch mit eigenen Symbolen) Marker setzt, löschst, Linien und Polygone etc...
auf die Karte legen kannst,
und jegliche Steuerelemente ein oder ausblenden kannst,
wie du (immernoch auch alles via Javascript) die Größe und den Kartentyp einstellen kannst etc. pp...

Es gibt auch einige php-Klassen, die den entsprechenden Javascript-code generieren können. Damit ist es sogar relativ einfach,
via php interaktiv Elemente zu setzen oder auszublenden, ganz wie du es halt programmierst.

Tip: schau mal unter Controler (also addControl()) nach.
Ich schätze, das was du suchst ist in Zeile 29 deines obigen Codes enthalten

	PHP-Quelltext
1	map.addControl(new google.maps.LocalSearch()...

Dieser Beitrag wurde bereits 2 mal editiert, zuletzt von »ospx« (17. September 2008, 01:37)

cccpmik

Foren Gott

Dabei seit: 04.09.2007

Beiträge: 2 997

Mittwoch, 17. September 2008, 07:42

EDIT:

man ey bisschen suchen und da findet man das stichwort Geocoding(wieso hat mich hier niemand drauf gewiesen)

ne auf jeden fall habe ich ein script und den muss ich nun anpassen. habe jetzt ein andere problem. also bei den beispiel ist es so man hat über der map ein eingabefeld und sobald man dort ne adresse eingibt kommt man zu den gesuchten standort. ich habe keine ahnung von JS habe ein wenig rumgespielt und gegoogled und denke ich habe es richtig gemacht aber irgendwie klappt das nicht. also beispiel code sieht so aus

Spoiler
Quellcode
1
2
3
4
5
6
7
8
9
<body onload="initialize()" onunload="GUnload()">
 <form action="#" onsubmit="showAddress(this.address.value); return false">
      <p>
        <input type="text" size="60" name="address" value="1600 Amphitheatre Pky, Mountain View, CA" />
        <input type="submit" value="Go!" />
      </p> 
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</form>
</body>

da sehe ich das beim klicken auf den submit button die function showaddress angezeigt wird. ich möchte das die adresse sofort angezeigt wird ohne erst auf den button zu klicken habe mein code so umgebaut:

Spoiler
Quellcode
1
2
3
<body onload="initialize();showAddress("Berlin")" onunload="GUnload()">
<div id="map_canvas" style="width: 500px; height: 300px"></div>
</body>

aber das onload bei body tag klappt nicht. habe ich da ein syntax fehler oder so?

EDIT2:

oh mein gott es ist so einfach dass es fast dumm ist, showAddress('Berlin') heist das und nicht "Berlin"

na gut thema gekärt thread kann geschlossen werden

danke für eure links und tipps

Mein kleines Projekt
-Cruel Online-

Dieser Beitrag wurde bereits 3 mal editiert, zuletzt von »cccpmik« (17. September 2008, 08:43)

Google map

Quellcode

Quellcode

Quellcode

Quellcode

PHP-Quelltext

Quellcode

Quellcode

Ähnliche Themen