当前位置: 代码迷 >> Web前端 >> google 地图 v3 map搜索功能
  详细解决方案

google 地图 v3 map搜索功能

热度:517   发布时间:2013-12-23 14:30:52.0
google map v3 地图搜索功能

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

[javascript]?view plaincopyprint?
?
  1. function?searchmap(){??
  2. ???//先从输入框中取出要搜的地名??
  3. ???var?address=$("#check_box").val();??
  4. ???if("?"==address){??
  5. ????????alert("请输入要定位的地名!");??
  6. ????????return?false;??
  7. ???}else{??
  8. ????geocoder?=?new?google.maps.Geocoder();?//注意:还有一个全局的?var?geocoder?对象??
  9. ????if(geocoder){??
  10. ????????geocoder.geocode({'address':?address?},?function(results,?status)?{??
  11. ????????????if?(status?==?google.maps.GeocoderStatus.OK)?{??
  12. ????????????????var?GeoCode?=?((results[0].geometry.location).toString().replace(/[()]/g,?'')).split(",",2);??
  13. ????????????????var?lat?=?parseFloat(GeoCode[0]);//纬度??
  14. ????????????????var?lng?=?parseFloat(GeoCode[1]);//经度??
  15. ????????????????var?mylatlng?=?new?google.maps.LatLng(lat,?lng);??????
  16. ????????????????map.setCenter(mylatlng);???????????????????????????????????????????
  17. ????????????????//对搜索到的这个点进行标注??
  18. ????????????????????????????var?marker?=?new?google.maps.Marker({??
  19. ????????????????????map:?map,??
  20. ????????????????????position:?mylatlng,??
  21. ????????????????????title:address??
  22. ????????????????});??
  23. ????????????//点击事件,下面的经度和纬度是我要使用的,点击的时候弹出层??
  24. ????????????????????????????????google.maps.event.addListener(marker,?'click',?function(){??
  25. ??????????????????????showLayer('add_button');??
  26. ??????????????????????$("#weidu_id").val(lat);??
  27. ??????????????????????$("#jingdu_id").val(lng);??
  28. ????????????????????});??
  29. ??????????????????????
  30. ????????????????}?else?{??
  31. ????????????????alert("谷歌地图没有找到的原因是:"?+?status);??
  32. ????????????????}??
  33. ????????????});??
  34. ????????}??
  35. ???}??
  36. } ? ? ?
  相关解决方案