添加标记使用谷歌地图API和jQuery的第2部分

添加标记使用谷歌地图API和jQuery的第2部分 　　现在，我们有我们的基本库，我们就可以开始我们的建设 　　功能。 　　大纲脚本 　　让我们开始我们的图表代码的骨架： 　　变种MYMAP = { 　　范围：空， 　　图：空 　　} 　　MYMAP.init =功能(经纬度，选择器){ 　　} 　　MYMAP.placeMarkers =功能(文件名){ 　　} 　　被包裹我们所有的图表功能，内部的JavaScript对象 　　叫MYMAP，这将有助于绕过潜力 　　对抗与页面上的其他脚本。该对象包括两 　　变量和两个功能。地图变量 　　店报价为谷歌地图对象以及怀孕，和 　　范围变量将开店，其中包含一个边界纸箱 　　我们所有的标记。这将有利于我们促成后补充所有的标记， 　　当我们渴望放大图中这样一种​​方式，所有的theyre明显的 　　相同的时间。 　　现在的方法：init会发现一​​个组成部分 　　片并初始化它作为一个新的谷歌图与授予中心 　　缩放级别。 placeMarkers，同时，取 XML文档和意志负担 　　称号坐标从该文件的事实和数字 　　位置在地图上的标记的序列。 　　载入地图 　　现在，我们有基本的结构中的位置，让我们组成 　　init函数： 　　MYMAP.init =功能(选择，经纬度，缩放){ 　　变种myOptions = { 　　变焦：变焦， 　　中心：经纬度， 　　mapTypeId：google.maps.MapTypeId.ROADMAP 　　} 　　this.map =新google.maps.Map($(选择)[0]，myOptions); 　　this.bounds =新google.maps.LatLngBounds(); 　　} 　　我们设想对象文本包括一组选项，利用 　　参数传递给该方法。然后我们初始化定义两件事 　　在谷歌地图阿皮亚地图和 他们 　　LatLngBoundsand认可到的属性 　　，我们成立了以前为这个我们MYMAP对象 　　目的。 　　的地图构造函数传递一个DOM元素 　　作为图表的工作表上，还有一组选项来使用。选项 　　我们促成目前安排，但要获得DOM的组成部分，我们需要采取 　　通过在选择的字符串，并且使用jQuery 　　$函数来找到一块在页面上。因为 　　$回来一个jQuery对象而不是原始的DOM等 　　节点，我们需要深入利用[0]：这允许我们 　　来访问赤裸裸的DOM节点。 　　所以一次这个功能已经用完，也有我们的图表挥舞的 　　片，并有一个空的边界纸箱，准备为我们添加被放大了 　　标记。 　　添加标记 　　说到这，让我们有一个目光在 　　placeMarkers功能： 　　MYMAP.placeMarkers =功能(文件名){ 　　$。得到(文件名，功能(XML){ 　　$(XML)。找到(“标志”)。每个(函数(){ 。 　　变种标题= $(这)找到('名称')文本(); 　　变种地址= $(这)找到(“地址”)文本(); 　　/ /设想一个新的经纬度问题标记 。 　　变种纬度= $(这)找到('纬度')文本(); 。 　　变种LNG = $(这)找到(“LNG”)文本(); 　　变种问题=新google.maps.LatLng(parseFloat(LAT)，parseFloat(LNG)); 　　/ /继续的范围，以涵盖新的点 　　MYMAP.bounds.extend(点); 　　/ /添加标记本身 　　变种标记=新google.maps.Marker({ 　　位置：点， 　　地图：MYMAP.map 　　}); 　　/ /受孕的工具提示和文字 　　变种信息窗口=新google.maps.InfoWindow(); 　　变种的html ='' +姓名+“ 　　'+地址; 　　/ /添加一个侦听器，当一个客户端刘海上的标记之一打开工具提示 　　google.maps.event.addListener(标记，'点击'，函数(){ 　　infoWindow.setContent(HTML); 　　infoWindow.open(MYMAP.map，标记); 　　}); 　　}); 　　/ / FIT图表一轮我们添加标记： 　　MYMAP.map.fitBounds(MYMAP.bounds); 　　}); 　　}