小賴的實戰記錄

在使用html方式，與放在localhost的方式時，會有不一樣，

放在locahost，會被要求要使用key

所以要使用以下的方式跟googlemap要js

<script src="https://maps.googleapis.com/maps/api/js?libraries=places&key=<api_key>"></script>

初始化方法

	var lat = 24.144913; //中心點位置-緯度
	var lng = 120.647006; //中心點位置-經度
	var map;
	function initialize() {		
		var latlng = new google.maps.LatLng(lat, lng);
		//zoom 參數可控制地圖預設縮放大小
		var settings = {
			zoom: 8,
			center: latlng,
			mapTypeControl: true,
			mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
			navigationControl: true,
			navigationControlOptions: {style: google.maps.NavigationControlStyle.SMALL},
			mapTypeId: google.maps.MapTypeId.ROADMAP
		};
		map = new google.maps.Map(document.getElementById("map_canvas"), settings);	
	}

設定描點

		    var point = new google.maps.LatLng(lat, lng);
			var marker = new google.maps.Marker({
				position: point,
				map: map,
				title: '錨點名稱'
			});