Google Maps v3 Shortcode でモバイルのpanを無効にする方法

Pocket

シンプルで便利なGoogle Maps v3 Shortcodeプラグインで、モバイルの場合はpan(指でスクロール)を無効にする方法。
モバイルだと、指でscrollするので、そのときに地図を触るとpanしてしまう。いっそモバイルのpanは無効にしてしまおう、という場合に。
多分今後更新されないプラグインなので、直接プラグインのファイルをいじっちゃう。
http://gis.yohman.com/gmaps-plugin/

	$returnme .= '
    <script type="text/javascript">
		var latlng = new google.maps.LatLng(' . $attr['lat'] . ', ' . $attr['lon'] . ');
		var myOptions = {
			zoom: ' . $attr['z'] . ',
			center: latlng,
			scrollwheel: ' . $attr['scrollwheel'] .',
			scaleControl: ' . $attr['scale'] .',
			disableDefaultUI: ' . $attr['hidecontrols'] .',
			mapTypeId: google.maps.MapTypeId.' . $attr['maptype'] . '
		};
		var ' . $attr['id'] . ' = new google.maps.Map(document.getElementById("' . $attr['id'] . '"),
		myOptions);
		';

	$returnme .= '
    <script type="text/javascript">
		var latlng = new google.maps.LatLng(' . $attr['lat'] . ', ' . $attr['lon'] . ');
		var myOptions = {
			zoom: ' . $attr['z'] . ',
			center: latlng,
			scrollwheel: ' . $attr['scrollwheel'] .',
			scaleControl: ' . $attr['scale'] .',
			disableDefaultUI: ' . $attr['hidecontrols'] .',
';
if ( wp_is_mobile() ) {
    $returnme .= '
			draggable:false,';
}
    $returnme .= '
			mapTypeId: google.maps.MapTypeId.' . $attr['maptype'] . '
		};
		var ' . $attr['id'] . ' = new google.maps.Map(document.getElementById("' . $attr['id'] . '"),
		myOptions);
		';

に変更。以上

Comments on this post

No comments.

Leave a Reply

Your email address will not be published. Required fields are marked *

Trackbacks and Pingbacks on this post

No trackbacks.

TrackBack URL