kostenloser Webspace werbefrei: lima-city


Deutschlandkarte

lima-cityForumDie eigene HomepageHTML, CSS & Javascript

  1. Autor dieses Themas

    s*i

    Hi,

    ich suche eine Deutlandkarte die ich frei verwenden kann auf meiner Homepage.
    Ich möchte dort mit eine "MAP" erstellen und Städt anzeigen in denen jemand lebt mit Links.
    Hat einer von euch sowas schon gemacht?
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

  3. t*****b

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

    /Edit: Nur eine Möglichkeit von vielen.

    Beitrag geändert: 22.7.2007 14:28:37 von trueweb
  4. Ich habe den Ersteller einer Deutschlandkarte von der Erweiterungen zur grafischen Darstellung von den Mitgliedern (war eine Erweiterung für das PHPkit glaub ich) gefragt und bekommen.
    Google doch einfach mal nach Deutschlandkarte und frage bei den Erstellern nach.

    MfG Lucas
  5. Autor dieses Themas

    s*i


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

    /Edit: Nur eine Möglichkeit von vielen.

    Beitrag geändert: 22.7.2007 14:28:37 von trueweb


    *G* ja das habe ich nun entdeckt.

    aber irgendwie bekomme ich das nicht hin das er mit einen Marker setzt und die koodinate dann auch auf der Seite anzeigt/markiert.

    Hat einer das schon mal gemacht?

    hier der Code evtl kann mir ja einer helfen:

    <!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">
      <head>
        <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
        <title>Finsterwalder Wohnorte</title>
        <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAA5b9GmzyGzSbNcbZuxq8cxS-ugkuWIyetqqREdeXPvFMoWbyNRRJNryUtaq4G-uhaOUB03hea96oHQ"
          type="text/javascript"></script>
        <script type="text/javascript">
    
        //<![CDATA[
    
        function load() {
          if (GBrowserIsCompatible()) {
            var map = new GMap2(document.getElementById("map"));
    		map.setCenter(new GLatLng(53.433, 10.367), 4);
    		map.addControl(new GLargeMapControl());
    		var geocoder = new GClientGeocoder();		
    		}
        }
    	function addAddressToMap(response) {
          map.clearOverlays();
          if (!response || response.Status.code != 200) {
            alert("Die Adresse konnte nicht gefunden werden!");
          } else {
            place = response.Placemark[0];
            point = new GLatLng(place.Point.coordinates[1],
                                place.Point.coordinates[0]);
            marker = new GMarker(point);
            map.addOverlay(marker);
            marker.openInfoWindowHtml(place.address + '<br>' +
              '<b>Country code:</b> ' + place.AddressDetails.Country.CountryNameCode);
          }
        }
    
        // showLocation() is called when you click on the Search button
        // in the form.  It geocodes the address entered into the form
        // and adds a marker to the map at that location.
        function showLocation() {
          var address = document.forms[0].q.value;
          geocoder.getLocations(address, addAddressToMap);
        }
    
       // findLocation() is used to enter the sample addresses into the form.
        function findLocation(address) {
          document.forms[0].q.value = address;
          showLocation();
        }
    
        //]]>
        </script>
    	<link rel="stylesheet" type="text/css" media="all" href="fiwal.css" />
      </head>
      <body onload="load()" onunload="GUnload()">
      <div>
      <div>
      <form action="#" onsubmit="showLocation(); return false;">
          <p>
            <b>Addresse finden:</b>
            <input type="text" name="q" value="" class="address_input" size="40" />
            <input type="submit" name="find" value="Suchen" />
    
          </p>
        </form>
    	<br>
    	</div>
        <div id="map" style="width: 600px; height: 500px"></div>
    	<div <a href="javascript:void(0)"
         onclick="findLocation('Geesthacht, Deutschland');return false;">Geesthacht
    	 <b>Deutschland</b></a></div>
    	<div>
      </body>
    </html>
  6. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

    lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

Login zum Webhosting ohne Werbung!