0

マイページにGoogleマップが表示されません。Twitter Bootstrap に関連する問題のようです。いくつかの調査を行った後、これで問題が解決するはずです。

#map_canvas label { width: auto; display:inline; }
#map_canvas img { max-width: none; max-height: none; }

それは私には何もしません。地図はまだ見てません。Bootstrap v2.1.1 を使用しています。私が見つけた解決策がそのバージョンの Bootstrap 用のものかどうかはわかりません。助言がありますか？

4

1 に答える 1

0

Bootstrap2.1.1とGoogleマップを使用しています。これが私が使っているものです...

<div id="map_canvas"></div>

<style>
#map_canvas
{
  width: 100%;
  height: 450px;
  margin: 20px 0 20px 0;
}
</style>

初期化スクリプト...

function InitializeMap() {
   var myOptions = {
      zoom: 12,
      center: myLatlng,
      panControl: false,
      panControlOptions: {
         position: google.maps.ControlPosition.RIGHT_TOP
      },
      mapTypeControl: true,
      mapTypeControlOptions: {
         style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
         position: google.maps.ControlPosition.TOP_RIGHT
      },
      zoomControl: true,
      zoomControlOptions: {
         style: google.maps.ZoomControlStyle.SMALL,
         position: google.maps.ControlPosition.RIGHT_TOP
      },
      mapTypeId: google.maps.MapTypeId.ROADMAP
   }
   myMap = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
   var marker = new google.maps.Marker({ position: myLatlng, map: myMap, title: "yyyZ, Ltd." });
   var contentString = "1122 N Clark Street<br />Chicago, IL 60610";
   var infowindow = new google.maps.InfoWindow({ content: contentString });
   google.maps.event.addListener(marker, 'click', function () {
      if (lastOpenInfoWin) lastOpenInfoWin.close();
      lastOpenInfoWin = infowindow;
      infowindow.open(myMap, marker);
      myMap.setCenter(myLatlng);
   });

   var trafficLayer = new google.maps.TrafficLayer();
   trafficLayer.setMap(myMap);
}

結果はhttp://reactivewebdesign.net/Chicago/Trafficで確認できます。

左側のメニューから、yopuはグーグルマップと地理的位置を使用する「WhereamI」を選択することもできます。

于 2012-10-25T09:47:25.870 に答える