google map 摘抄

 昨天看了一下google map的调用方式，把一些重要的记录一下吧。

    首先创建地图 var map=ne wGMap2(mapdiv);

    然后， 可以加一个缩略图， map.addControl(new GOverviewMapControl ());

   一般的会设置以某个地方为中心比如： map.setCenter(point, 13);而这个point对象是根据

new GLatLng(65.2, -27.1)来得到的（此处是故宫的位置）。

   假如你需要通过名字来搜索，可以这样设置中心：

 

    geocoder = new GClientGeocoder();

    geocoder.getLatLng(center,function(point) {
	 if (!point) {
	   alert(center + "无法定位");
                 } else {
	   map.setCenter(point, 13);
 	 }
                }
     );

 

   这个GClientGeocoder对象就是用于解析地址的，getLatlng方法通过你传入的地址名，回调函数，给你返回poing对象。

一般在body onunload会调用 GUnload(),这个方法可以防止内存泄漏。

 

我们经常会看到假如你在地图上有一个地方，点击此图标，会有浮动层来显示详细信息，怎么办到的呢，很简单，需要Gmarker对象。

 var  markerOptions = {title:"测试"+count};

 var marker=new GMarker(point,markerOptions);

  map.addOverlay(marker);

 //标记单击事件监听

 GEvent.addListener(marker, "click", function() {
            markMarker(marker);//处理marker被点击后的操作，下面有详细实现过程
}); 

 

 

function markMarker(marker){
  var shtml= '<table width="383" border="0" cellpadding="0" cellspacing="0" bgcolor="#F4EFF5">' +
    '<tr><td class="win3" colspan="2"><strong>景点</strong></td></tr>'+
   '<tr><td class="win3" colspan="2">景点景点景点景点景点景点景点景点</td></tr>'+
  '</table>';
 marker.openInfoWindowHtml(shtml);
}

  

  此时呢，点击你自定义的小图标（marker），则会弹出一个框（自动指向marker），然后显示详细信息。

 

 

  大致的调用过程就是这样，细节的以后再补吧。