0

含めたいGoogleマップの要素に関するドキュメントを見つけるのに苦労しています。

私のウェブサイトには基本的なGoogleマップがあります

  function f_init_map() {

     var lv_container = document.getElementById('map_container');

     var lv_coords = new google.maps.LatLng(-29.801270, 30.717932);

     var lv_settings = {
        center: lv_coords,
        zoom: 15,
        mapTypeId: google.maps.MapTypeId.ROADMAP
     }

     var lv_map = new google.maps.Map(lv_container, lv_settings);

     var lv_marker = new google.maps.Marker({
        position: lv_coords,
        map: lv_map,
        title: 'Nowhere',
        icon: 'images/marker_01.png'
     });

  }

  google.maps.event.addDomListener(window, 'load', f_init_map);

これは素晴らしいことですが、通常は左上隅に表示される一部の地図にある情報ボックスを含めたいと思います。通常、住所と「道順」と「保存」のボタンがあります。

この情報ボックスを含めるにはどうすればよいですか?

地図情報ボックスの例を見つけました

http://www.stortown.co.za/self-storage-hillcrest/

4

1 に答える 1

0

Google マップ JavaScript API

HTML はロード可能な Google マップ インターフェースの一部ではないため、HTML を使用する必要があります。

このようなものはおそらくうまくいくでしょう：

<div id="wrapper">
  <div id="map_container"/>
  <div id="topleft">
    <!--Elements to contain inside-->
  </div>
</div>

次に、基本的な CSS の場合:

#topLeft {
  width:300px; /*or something*/
  height:150px;
  position:relative;
  top:20px;
  left:20px;
}

このコードは、相対的な配置で div を作成します。これにより、親要素内の固定座標に配置されます。

Google マップの機能に近いものが必要な場合は、ソース コードを調べて、HTML の複製可能な要素を複製し、ソースからいくつかのスタイル要素を引き出すことができるかどうかを確認する必要があります。

Google マップの埋め込み地図

より直接的なアプローチは、Google マップの埋め込み機能を使用することです。埋め込み URL の例は次のとおりです。https://maps.google.co.za/maps?q=127+Brackenhill+Road,+Hillcrest,+KwaZulu-Natal&hl=en&sll=-29.865954,31.002399&sspn=0.008346,0.016512&hnear=127+Brackenhill+Rd,+Waterfall,+Hillcrest,+Durban+Metro,+KwaZulu-Natal+3610&t=m&z=17&iwloc=lyrftr:m,4165039167454636329,-29.737933,30.801362&t=m&z=14&output=embed

ボックスはデフォルトで含まれています。

于 2015-07-29T12:44:50.593 に答える