Google Map开发房产地图实例.doc

Google Map开发房产地图实例 chenyz / qq群:房产地图google map的初步应用点滴.1)房产地图google map的初步应用点滴.2)房产地图google map的初步应用点滴.3) 房产地图google map的初步应用点滴.4) 房产地图google map的初步应用点滴.1)以前的房产地图一直都是使用有道地图，虽然有道地图是很好，但是为了更好，还是决定使用google地图来重新开发^_^，下面是一个开发完毕的简单应用/gz/map/000B.html1)整合Google Maps JavaScript API V3 与 Google Local Search APIGoogle Maps JavaScript API V3?地址 /intl/zh-CN/apis/maps/documentation/javascript/Google Maps JavaScript API V3 文档读起来真的是很清晰，各种demo也很齐全，并且论坛的拥有巨大的论坛支持，对比了一下Google Maps JavaScript API V3 和 V2 的版本，虽然第3版的 Google Maps API 看上去跟第2版挺相识，但在内在机制上有了较大的变化，尤其在对移动浏览器的支持上，专门针对iphone和android设备的开发。V2版本google已经宣布不再予以继续支持，所以还是选择了V3版本。Google Local Search API地址 /intl/zh-CN/apis/maps/documentation/localsearch/index.html上面的地址是目前Local Search的最新地址，但郁闷的是居然挂上了 Deprecated ，一样的文档也相当齐全，在应用之前需要先为你的域名申请一个API key，这个是注册地址/intl/zh-CN/apis/maps/signup.html，很简单，按照提示很快就搞定了。在整合Google Maps JavaScript API V3和Google Local Search API发现这两个版本是不兼容的，Local Search API实际上还是沿用了Maps V2的接口，为了解决这个问题，需要中间一个跳板使得两者兼容，所以选择了iframe，父页面使用Google Maps V3，子页面使用Local Search API，当需要应用到本地搜索时，父页面向子页面传递查询条件，子窗口应用Local Search API获得查询的result后返回给父页面，这样就形成一个跳板，避免了两者因为版本问题而产生的冲突，当然还有其他的办法，不过iframe应该是比较简单处理，下面是一个demo父页面 : 使用的是Google Maps JavaScript API V3，/maps/api/js 网址指向 Javascript 文件所在的位置，该文件会载入使用第 3 版 Google Maps API 所需的全部符号和定义。 !DOCTYPE?html?PUBLIC?-//W3C//DTD?XHTML?1.0?Strict//EN?/TR/xhtml1/DTD/xhtml1-strict.dtdhtml?xmlns=/1999/xhtmlheadmeta?http-equiv=content-type?content=text/html;?charset=GBK/titleGoogle?AJAX?Search?API?Sample/titlestyle?type=text/css?@import?url(/uds/css/gsearch.css);@import?url(/uds/solutions/localsearch/gmlocalsearch.css);@import?url(/uds/css/gsearch.css);@import?url(/uds/solutions/localsearch/gmlocalsearch.css);/stylescript?type=text/javascript?src=/product/js/jquery.js/scriptscript?type=text/javascript?src=/maps/api/js?sensor=false/scriptscript?type=text/javascript??????var?map;??????var?lat?=?23.116193;??????var?lng?=?113.374525;??????var?markersArray?=?[];??????va