昨天看了一下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),然后显示详细信息。
大致的调用过程就是这样,细节的以后再补吧。