2016-04-17 13 views
-2

Entschuldigung, dass ich eine einfache Frage stelle, die ich sicherlich leicht durch Lesen der API-Dokumente finden kann, aber ein Kunde hat mich das nur allgemein gefragt, und ich möchte ihm so schnell wie möglich antworten.google map api, link zu URL

Situation: Ich habe eine benutzerdefinierte Karte erstellt, mit öffentlichen (oder auf Benutzer beschränkt) Zugriff, wo verschiedene Markierungen sind.

Q1) Ist es möglich, Marker über die API zu erstellen, indem z. benutzerdefinierte Daten aus unserer Datenbank?

Q2) Ist es möglich, eine URL zu einem Marker hinzuzufügen, so dass ein Benutzer darauf klickt und zu einer bestimmten Site gelangt, wo er z. Stimme für diesen Ort? (Nur als Beispiel)

Vielen Dank im Voraus für alle, und noch einmal leider nicht näher zu betrachten, von mir

Cheers, Phil

+0

Noch eine Sache, die ich vergessen habe, ist diese Frage genauso wie für eine Website wie für eine native iOS und Android App (also mehr APIs) – Phil

Antwort

0

folgenden Funktion schafft Marker

<script type="text/javascript"> 

// Standard google maps function 
function initialize() { 
    var myLatlng = new google.maps.LatLng(40.779502, -73.967857); 
    var myOptions = { 
     zoom: 12, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    } 
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
    TestMarker(); 
} 

// Function for adding a marker to the page. 
function addMarker(location) { 
    marker = new google.maps.Marker({ 
     position: location, 
     map: map 
    }); 
} 

// Testing the addMarker function 
function TestMarker() { 
     CentralPark = new google.maps.LatLng(37.7699298, -122.4469157); 
     addMarker(CentralPark); 
} 

Für das Klicken und URL verwenden Sie folgende Technik

var points = [ 
    ['name1', 59.9362384705039, 30.19232525792222, 12, 'www.google.com'], 
    ['name2', 59.941412822085645, 30.263564729357767, 11, 'www.amazon.com'], 
    ['name3', 59.939177197629455, 30.273554411974955, 10, 'www.stackoverflow.com'] 
]; 

var marker = new google.maps.Marker({ 
    ... 
    zIndex: place[3], 
    url: place[4] 
}); 

google.maps.event.addListener(marker, 'click', function() { 
    window.location.href = this.url; 
});