6

連絡先ページに使用したい 2 つのオフィスの場所があるとします。そして、これらの場所の両方を示す Google マップを埋め込みたいと考えています。Google マップ自体では、両方のマップ マーカーを表示できます。ただし、埋め込み HTML コードは、最初に入力されたアドレスのみを使用します。

質問 1: 2 番目の場所の地図マーカーを表示するために Google が提供する HTML 埋め込みコードを変更することは可能ですか?

質問 2 (上記の回答が「はい」の場合のみ): どのように?

Google が提供するサンプル埋め込みコードを次に示します。

<iframe width="920" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.ca/maps?hl=en&amp;client=safari&amp;q=33+Victoria+St.,+Toronto,+ON+M5C+3A1&amp;ie=UTF8&amp;hq=&amp;hnear=33+Victoria+St,+Toronto,+Ontario+M5C+3A1&amp;gl=ca&amp;t=m&amp;ll=43.536603,-79.796448&amp;spn=0.696882,2.526855&amp;z=9&amp;iwloc=A&amp;output=embed"></iframe><br /><small><a href="https://maps.google.ca/maps?hl=en&amp;client=safari&amp;q=33+Victoria+St.,+Toronto,+ON+M5C+3A1&amp;ie=UTF8&amp;hq=&amp;hnear=33+Victoria+St,+Toronto,+Ontario+M5C+3A1&amp;gl=ca&amp;t=m&amp;ll=43.536603,-79.796448&amp;spn=0.696882,2.526855&amp;z=9&amp;iwloc=A&amp;source=embed" style="color:#0000FF;text-align:left">View Larger Map</a></small>
4

3 に答える 3

11

を使用して、これを別の方法で実現できますMy Places。これを達成するための手順は次のとおりです。

  1. Google マップで、My Places横にあるボタンに注目してGet Directionsください - それをクリックします。
  2. Create a Map左パネルの をクリックします
  3. タイトルと説明 (おそらくあなたのオフィスに関するもの) を指定し、[保存] をクリックします。
  4. 検索バーで行うように、2 つの場所を検索します。
  5. Save to map左パネルの結果リストの下部にある をクリックし、保存先のマップを指定します (以前に設定したタイトルにする必要があります)。
  6. 両方の場所に対してこれを行い、通常のように埋め込みツールを使用してマップを埋め込みます。
于 2012-06-20T19:56:30.627 に答える
6

あなたの質問に対する答えはよくわかりませんが、Google API は非常に便利で、比較的簡単に習得できます。

マーカーを作成するには、実際には 3 つの線、新しいマーカー、マーカーの位置、および使用しているマップのみが必要です。複数のマーカーを使用したマップの作成は、JS でも比較的短時間で済みます。これがサンプルです。

function initialize() {
    var myOptions = {
        zoom: 4,
        center: new google.maps.LatLng(-25.363882, 131.044922),
        mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById('map_canvas'),
        myOptions);

    var marker = new google.maps.Marker({
        position: map.getCenter(),
        map: map,
    });
    var marker2 = new google.maps.Marker({
        position: new google.maps.LatLng(35, 96),
        map: map,
    });
}
google.maps.event.addDomListener(window, 'load', initialize);

API を使用すると、将来必要に応じてマップにさらに機能を追加することもできます。最終的には、マーカーにその位置を表示させ、マーカーの 1 つへの道順を取得することもできます。Google は、誰でも利用できるこのすべてのコードを既に作成しています。

これはフュージョン テーブル API を使用したもう少し高度な例ですが、マーカー以外にも使用できる便利な機能がたくさんあります。 https://developers.google.com/fusiontables/docs/samples/infowindow_driving_directions

于 2012-06-21T02:44:10.673 に答える
0

オフィスの場所を Google マイマップに保存してから、iframe の href にマップのリンク アドレスを指定してみてください。

于 2012-06-20T19:40:33.087 に答える