WordPressテーマTCDのカスタマイズを研究するサイト

BIRTHにてGoogleMapの拡大率を調整する方法

Q.BIRTHでのGoogleMapの拡大率を調整したい

ページビルダー内のGoogleマップで地図の拡大率を調整したいのですが方法はありますか。

A.下記ファイルの該当箇所を編集します


編集ファイル:googlemap.js
編集する箇所:

zoom: 18,の値を変更し調整ください。

// Initialize the map and the custom overlay.
function initMap(mapId, address, mapSaturation, useCustomOverlay,
srcImage, text) {
  var geocoder = new google.maps.Geocoder();
  geocoder.geocode({'address': address}, function(results, status) {
      if (status == 'OK') {
          var mapOptions = {
            center: results[0].geometry.location,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            disableDefaultUI: true,
            zoom: 18,
            styles: [{
              stylers: [{
                saturation: mapSaturation
              }]
            }]
          };
          var map = new
google.maps.Map(document.getElementById(mapId), mapOptions);
      if (useCustomOverlay) {
            var swBound = new
google.maps.LatLng(results[0].geometry.location.lat(),
results[0].geometry.location.lng());
            var neBound = new
google.maps.LatLng(results[0].geometry.location.lat(),
results[0].geometry.location.lng());
            var bounds = new google.maps.LatLngBounds(swBound, neBound);
            overlay = new PBCustomOverlay(bounds, srcImage, map, text);
      } else {
                var marker = new google.maps.Marker({
            position: results[0].geometry.location,
            map: map
        });
      }
        }
  });
}

The following two tabs change content below.

タカ

スポーツが好きな30代男性です。 休みの日はフットサルやバスケットをしています。

最新記事 by タカ (全て見る)

関連記事

TCD LABO ご利用上の注意

TCD LABO(ティーシーディー・ラボ)に掲載しているTCDテーマのカスタマイズ情報のご利用にあたっては、必ずカスタマイズするファイルのバックアップをご用意の上、ご利用者様責任において実施していただきますようお願いいたします。

カスタマイズの実施により生じたいかなる不具合等についてもTCD LABOはその責任を負いかねます。
何卒ご理解、ご了承の上、当サイトをご活用いただけますようお願い申し上げます。

お問合せ・ご要望

TCDLaboへのお問合せやご要望は
ご連絡フォーム をご利用ください。