2016-07-10 7 views
0

Ich spiele mit dem Firefox-Addon Ubiquity. Ich versuche, eine benutzerdefinierte Google-Karte auf der Vorschauseite zu platzieren. Die Seite sollte folgende Angaben enthalten:Hinzufügen einer benutzerdefinierten Karte zu Firefox Ubiquity Addon

<html> 
<head> 
    <title>Google Maps Multiple Markers</title> 
    <script src="https://maps.googleapis.com/maps/api/js?key=MY_KEY" type="text/javascript"></script> 
</head> 
<body> 
<div id="map" style="height: 400px; width: 500px;"></div> 
<script type="text/javascript"> 
    var locations = ['Bondi Beach', 'Coogee Beach', 'Cronulla Beach', 'Manly Beach', 'Maroubra Beach']; 

    var map = new google.maps.Map(document.getElementById('map'), { 
     zoom: 10, 
     center: new google.maps.LatLng(-33.92, 151.25), 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    var marker, i; 
    var geocoder = new google.maps.Geocoder(); 

    for (i = 0; i < locations.length; i++) { 
     console.log("coding " + locations[i]); 
     geocoder.geocode({'address': locations[i].toLowerCase()}, function(results, status) { 
      if (status == google.maps.GeocoderStatus.OK) { 
       map.setCenter(results[0].geometry.location); 
       var marker = new google.maps.Marker({ 
        map: map, 
        position: results[0].geometry.location 
       }); 
      } else { 
       alert("Geocode was not successful for the following reason: " + status); 
      } 
     }); 
    } 
    </script> 
</body> 
</html> 

Aber die locations Variable sollte durch den Eingang eingestellt werden. Die Idee ist, den Benutzer mehrere Standorte zuordnen zu lassen (diese Funktionalität war einmal vorhanden, ich versuche, sie neu zu erstellen). Ich habe versucht, einfach die Einstellungen pblock.innerHTML damit, aber während es scheint, dass es die Eingabe erhält, nichts erscheint. Ich habe versucht, die Funktionalität des Standard-Befehls map umzukehren, aber ich verstehe nicht, wie es funktioniert.

Antwort

0

Ich löste das, indem ich die ganze Datei mit dem Map-Befehl kopierte und alle Teile abschnitt, bis ich nur noch die Teile hatte, die ich brauchte. Ich bin mir immer noch nicht sicher, warum meine alte Lösung nicht funktionierte.

Verwandte Themen