iPhone（アイフォン）向け地図にもAndroid コントローラの拡大縮小のズームコントロールを表示させる。

スポンサードリンク

iPhone（アイフォン）向け地図にもAndroid コントローラの拡大縮小のズームコントロールを表示させる。

Posted by 管理人 on 2010年12月19日 Leave a comment (0) Go to comments

◆ Google Maps API v3 / php+MySQL サンプルStore Locatorを試してみる。

iPhone（アイフォン）の地図のコントロールナビゲーションUIには、google codeを見るとiPhone（アイフォン）用のデフォルトは無し。

しかし、iPhone（アイフォン）でも、ナビゲーションのオプション設定すればOK。お試しあれ。

android

◆ Google Maps API v3　script

これで、“Android” コントロールは、iPhone（アイフォン）でも表示できます。

<script type="text/javascript">
var myLatlng = new google.maps.LatLng(35.71634, 139.51701);

function initialize()
{
	var myOptions =
	{
		//◆Androidズームボタン
		navigationControl: true,
		navigationControlOptions:
		{
		style:google.maps.NavigationControlStyle.ANDROID,
		position: google.maps.ControlPosition.BOTTOM_CENTER
		},
		mapTypeControl: true,
		mapTypeControlOptions:
		{
		style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
		position: google.maps.ControlPosition.RIGHT_TOP
		},
	center: myLatlng,
	zoom: 12,
	mapTypeId: google.maps.MapTypeId.ROADMAP
	};

　　　　var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
} 

window.onload=initialize;
</script>