2016-04-17 16 views
-2

私は簡単な質問をして申し訳ありませんが、私はAPIドキュメントを読むことで簡単に見つけることができますが、クライアントはこれを一般的に尋ねました。google map api、URLへのリンク

状況: パブリック(またはユーザーに限定)アクセスで、異なるマーカーが作成されたカスタムマップが作成されています。

Q1)APIを使用してマーカーを作成することは可能ですか?私たちのデータベースからのカスタムデータ?

Q2)ユーザーがクリックして特定のサイトにアクセスできるように、マーカーにURLを追加することができます。この場所に投票しますか?

皆様に事前のおかげで、と私は

乾杯、 フィル

+0

私が忘れてしまったもう一つの事は、ネイティブのiOSとAndroid Appの場合と同じようにウェブサイトでも同様です(もっと多くのAPIがあります) – Phil

答えて

0

次の関数が作成されますにより近い見ていないもう一度申し訳ありません(単なる例として)マーカー

<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); 
} 

クリックするとURLの使用方法に従います

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; 
});