google map v3 地图搜索功能

最新推荐文章于 2022-12-11 16:21:33 发布

原创最新推荐文章于 2022-12-11 16:21:33 发布 · 2.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#google #function #button #api

javascript/jquery 专栏收录该内容

24 篇文章

订阅专栏

本文介绍如何使用 Google Maps API 进行地名搜索和地理位置定位，包括获取经纬度并显示在地图上，以及为搜索结果添加标记点。同时实现了点击标记点时展示弹窗并返回坐标的功能。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第一次做google map 开发，对很多东西不熟习，除了看api外，就是各种尝试。也谢谢帮我的睥睨在下班前，把这些整理了下传上来，方便自己以后用到，同时也给做map开发的新人一点提示吧

function searchmap(){
   //先从输入框中取出要搜的地名
   var address=$("#check_box").val();
   if(" "==address){
   		alert("请输入要定位的地名！");
   		return false;
   }else{
    geocoder = new google.maps.Geocoder(); //注意:还有一个全局的 var geocoder 对象
   	if(geocoder){
   		geocoder.geocode({'address': address }, function(results, status) {
   			if (status == google.maps.GeocoderStatus.OK) {
   				var GeoCode = ((results[0].geometry.location).toString().replace(/[()]/g, '')).split(",",2);
				var lat = parseFloat(GeoCode[0]);//纬度
				var lng = parseFloat(GeoCode[1]);//经度
				var mylatlng = new google.maps.LatLng(lat, lng); 	
				map.setCenter(mylatlng);                                         
 				//对搜索到的这个点进行标注
             		        var marker = new google.maps.Marker({
					map: map,
					position: mylatlng,
					title:address
				});
			//点击事件,下面的经度和纬度是我要使用的，点击的时候弹出层
                                google.maps.event.addListener(marker, 'click', function(){
			      	  showLayer('add_button');
			      	  $("#weidu_id").val(lat);
			      	  $("#jingdu_id").val(lng);
			        });
					
   				} else {
				alert("谷歌地图没有找到的原因是:" + status);
				}
   			});
   		}
   }
}