0

スタイル付きのグーグルマップを自分のウェブサイトに実装しました。iPhoneでページを表示すると、ウェブページのズームレベルがロックされます。「マップ」はズームするために「ピンチ可能」ですが、ウェブページはそうではありません。ウェブページとマップのピンチズームをオンにする方法がわかりませんか？ヘルパーに感謝します！このページへのリンクは次のとおりです-http://esdaledesigns.com/contact.php 

   <script type="text/javascript">
      function initialize() {


          // Create an array of styles.
  var styles = [
  {
    "stylers": [
      { "hue": "#ff6e00" },
      { "saturation": -67 }
    ]
    }
  ];

  // Create a new StyledMapType object, passing it the array of styles,
  // as well as the name to be displayed on the map type control.
  var styledMap = new google.maps.StyledMapType(styles,
    {name: "The Stockwell"});

  // Create a map object, and include the MapTypeId to add
  // to the map type control.
  var mapOptions = {
    zoom: 16,
    center: new google.maps.LatLng(51.890488, 0.899154),
    mapTypeControlOptions: {
      mapTypeIds: ['map_style'], 
    },
  };
  var map = new google.maps.Map(document.getElementById('map_canvas'),
    mapOptions);

  var myLatlng = new google.maps.LatLng(51.890488, 0.899154);
  var marker = new google.maps.Marker({
      position: myLatlng,
      animation: google.maps.Animation.DROP,
      map: map,
      title:"The Stockwell"
  });

  //information
  var contentString = '<div id="content">'+
    '<div id="siteNotice">'+
    '</div>'+
    '<h2 id="firstHeading" class="firstHeading">The Stockwell Colchester</h2>'+
    '<div id="bodyContent">'+
    '<p>THE STOCKWELL<br />18 WEST STOCKWELL STREET<br />COLCHESTER<br />ESSEX<br />CO1 1HN<br /></p>'+
    '</div>'+
    '</div>';

var infowindow = new google.maps.InfoWindow({
    content: contentString
});


google.maps.event.addListener(marker, 'click', function() {
  infowindow.open(map,marker);
});


//Associate the styled map with the MapTypeId and set it to display.
  map.mapTypes.set('map_style', styledMap);
  map.setMapTypeId('map_style');
}
    </script>
4

1 に答える 1

0

わかりました、うまくいきました...。

これは、私が投稿したスクリプトの数行上、GoogleAPIキーのすぐ上にあるこのコードです。 <meta name="viewport" content="initial-scale=2.0, user-scalable=no" />user-scalableを「yes」に変更し、initial-scaleを「0.5」に変更しました。すべてが正しく機能しています。これが他の誰かに役立つことを願っています。

于 2012-10-13T18:40:33.243 に答える