Announcement

Collapse
No announcement yet.

Problem mit Geolocation

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • Problem mit Geolocation

    Guten Abend,

    ich versuche gerade etwas mit Geolocation herum zu experimentieren.
    Eigentlich sollte in der Farbe "rot" mein Standort in Maps angezeigt werden.
    Dies funktioniert aber nicht.
    Stattdessen bekomme ich einen blauen Punkt in der Schweiz angezeigt.


    Mein Code:

    Code:
    <!doctype html>
    <html class="no-js" lang="">
        <head>
            <meta charset="utf-8">
            <meta http-equiv="x-ua-compatible" content="ie=edge">
            <title>Geolocation</title>
            <meta name="description" content="">
            <meta name="viewport" content="width=device-width, initial-scale=1">
    
            <link rel="apple-touch-icon" href="apple-touch-icon.png">
            <!-- Place favicon.ico in the root directory -->
    
        <body>
    				<h1>Geolocation</h1>
                    	
                    		<img id="karte" alt="Geolocation" src="http://maps.google.com/maps/api/staticmap? 
                    		&amp;size=400x300
                    		&amp;sensor=false
                    		&amp;maptype=roadmap
                    		&amp;markers=color:blue| label:A| Berlin">
                    		
                    		<script language="text/javascript" charset="utf-8"> 
                    		
                    		function finde_mich (){
    						navigator.geolocation.getCurrentPosition(function(position) {
    							zeigePosition (position.coords.latitude, position.coords.longitude);
    						});
    						
    						var zeigePosition = function(breite, laenge){
    						var markierung = "&markers=color:red|label:Y|" + breite + "," + laenge;
    						var bild = $("#karte");
    						var quelle = bild.attr("src") + markierung;
    						quelle = quelle.replace("sensor=false", "sensor=true");
    						bild.attr("src", quelle);
    						};
    						};
    						
    						finde_mich ();
                    		</script>
    
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
            <script>window.jQuery || document.write('<script src="js/vendor/jquery-1.11.3.min.js"><\/script>')</script>
            <script src="js/plugins.js"></script>
            <script src="js/main.js"></script>
    
        </body>
    </html>
    Nehme ich den Marker für Berlin raus, so verschwindet auch der Marker in der Schweiz.
    Kann mir eventuell einer erklären, wo ich hier gerade vielleicht etwas falsch mache?

    Gruß, David

  • #2
    Warum debuggst du nicht?

    Mit
    var bild = $("#karte");
    und dann
    bild.attr("src", quelle);

    wird das komplette src-Attribut ersetzt.

    Das

    src="http://maps.google.com/maps/api/staticmap?
    &amp;size=400x300
    &amp;sensor=false
    &amp;maptype=roadmap
    &amp;markers=color:blue| label:A| Berlin">

    ist dann damit weg....
    Christian

    Comment

    Working...
    X