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

www_7di_net

于 2014-08-21 16:54:48 发布

阅读量506

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/sibang/article/details/38733191

本文介绍了一个实用的JavaScript插件，该插件能够将输入的地址转换为地理坐标，并在地图上显示出来。核心功能包括地址解析、坐标获取及地图标记。

效果如下:

核心方法:

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+'的座標值沒有找到,請嘗試更換關鍵字!'});
		}
	});
}