使用google MAP座標搜尋改善用戶體驗

效果如下:

 

核心方法:

function szb(i){
	i=$(i);if(!i){return false;}
	adr=i.get('value');
	if(adr==''){return false;}

	var geocoder=new google.maps.Geocoder();
	var LatLng=new google.maps.LatLng(23.7,121);
	geocoder.geocode({'address':adr},function(results,status){
		if(status==google.maps.GeocoderStatus.OK){
			LatLng=results[0].geometry.location;
			lat=(LatLng.lat()).round(7);
			lng=(LatLng.lng()).round(7);
			i.set('value',lat+','+lng);
			iMap3_Marker({'mess':'<b>'+adr+'</b>','lat':lat,'lng':lng,'zom':14,'spop':false,'box':'map','icon':'/img/beachflag.png'});
			tp(i,{'htm':adr+'的座標值是:<br>'+lat+'<br>'+lng});
		}else{
			i.set('value','');
			tp(i,{'htm':adr+'的座標值沒有找到,請嘗試更換關鍵字!'});
		}
	});
}