0

私は自分のウェブサイトでGoogleMapを使おうとしています:

           function InsertMap()
           {
               var map;
                var op = {
                    zoom: 10,
                    center: new google.maps.LatLng(-34.397, 150.644),
                    mapTypeId: google.maps.MapTypeId.ROADMAP
                };                    
                map = new google.maps.Map(document.getElementById('id'), op);
           }

ボタンクリックイベントでこの関数を呼び出しています。しかし、私の問題は、インタラクティブマップの代わりに静的マップ(単一の画像)を挿入することです。私も試しましたIsStaticMap : falseが、機能しませんでした。それを実行すると、静的でもインタラクティブでもありません。手伝ってください !

4

2 に答える 2

0

あなたを助けるかもしれないjQueryを使用した実装があります。ソースコードとデモが含まれています!

http://www.position-absolute.com/articles/create-an-interactive-google-map-widget-with-a-list-filter-and-a-map-helper-class/

于 2012-07-01T04:47:00.943 に答える
-1

これは私が普段使っているもので、うまくいきます!要件に応じて編集できます。

  <iframe
    width="425"
    height="350"
    frameborder="0"
    scrolling="no"
    marginheight="0"
    marginwidth="0"
    src="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=San%2BFrancisco%2C%2BCalifornia(HEY%21)@37.774930,-122.419416&ie=UTF8&z=12&t=m&iwloc=addr&output=embed">
  </iframe>

<br>

<table
  width="425"
  cellpadding="0"
  cellspacing="0"
  border="0">
  <tr>
    <td align="left">
      <small><a href="http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=San%2BFrancisco%2C%2BCalifornia(HEY%21)@37.774930,-122.419416&ie=UTF8&z=12&t=m&iwloc=addr">View Larger Map</a></small></td><td align="right"><small><a href="http://www.github.com/dtx">my git!</a></small></td></tr>
</table>
</div>

デモはこちら

于 2012-07-01T04:56:18.857 に答える