google map api 与jquery结合使用－－控件,监听器

核心提示： (2)在js文件中编写js代码map.js$(document).ready(function(){ //检查浏览器兼容性 if (GBrowserIsCompatible()) { var map = new GMap2(document.getElementById("map

(2)在js文件中编写js代码

map.js

　　$(document).ready(function()
　　{
　　 //检查浏览器兼容性
　　 if (GBrowserIsCompatible()) {
　　 var map = new GMap2(document.getElementById("map"));
　　map.setCenter(new GLatLng(36.94, 106.08), 4);//中国的经纬度以及地方放大倍数
　　map.setMapType(G_SATELLITE_MAP);
　　//document卸载时触发
　　 $(window).unload(function (){
　　 $('.').unbind();
　　 GUnload();
　　 });
　　 }else
　　 {
　　 alert('你使用的浏览器不支持 Google Map!');　　
　　 }
　　});

(3)在地址栏输入页面对应的地址(确定key是和你输入地址或域名匹配的),查看效果图，可以看到中国位于地图的中央。

HolloChina的效果图

地图的移动和变换

（1）修改javascript代码如下：

map.js

　　$(document).ready(function()
　　{
　　 if (GBrowserIsCompatible()) {
　　 var map = new GMap2(document.getElementById("map"));
　　map.setCenter(new GLatLng(36.94, 106.08), 4);
　　 //4秒后移动
　　 window.setTimeout(function() {
　　map.panTo(new GLatLng(35.746512259918504,78.90625));
　　}, 4000);
　　$(window).unload(function (){
　　 $('.').unbind();
　　 GUnload();
　　 });
　　 }else
　　 {
　　 alert('你使用的浏览器不支持 Google Map!');　　
　　 }
　　});