GoogleMap API V3离线版可以不在线调用GoogleMap JavaScritp的情况下,仍然可以使用Google Map的服务。
Google 地图在中国最后申请的牌照时间已经过了,仍然没有看到官方通过的说明,很有可能Google 地图在7月份会被停掉,这对我们这些经常使用Google 地图,或者二次开发者来说,会是一个巨大的悲哀!
这对国内的地图服务商或许是一件好事,可以瓜分更多的蛋糕。但对于我们用户来说,特别是很多企业和网站中使用的免费GoogleMap API开发的地图应用来说,会是一个挑战,只能更换成其它的地图服务器,切不说这个收不收费的事情,单从平台切换来说,就需要重新开发。我们有没有一种办法,可以在Google 离开我们后,继续要以使用呢?我想到以前制作的Google Map API的离线版,有了这个后,我们就可以放在自己的服务器上,而不再需要从Google Map服务器上调用这些脚本。当然我还是希望大家如果商业用的话,还是要用正式版本,请注意版权问题。
前些时候抽空做了一个Google Map API V3的离线版,经测试,基本的功能应该可以满足,大家可以下载试一下。
下载地址是:GoogleMapAPIV3.zip
使用离线版本后,只需要加载mapapi.js这个文件,示例如下:
<!
DOCTYPE html
>
< html >
< head >
< meta name ="viewport" content ="width=device-width, initial-scale=1.0, user-scalable=no" />
< meta http-equiv ="content-type" content ="text/html; charset=UTF-8" />
< link href ="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel ="stylesheet" type ="text/css" />
< title > Google Maps JavaScript API v3 Example: Map Simple </ title >
< script type ="text/javascript" src ="mapapi.js" ></ script >
< script type ="text/javascript" >
function initialize() {
var myLatlng = new google.maps.LatLng( - 34.397 , 150.644 );
var myOptions = {
zoom: 8 ,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById( " map_canvas " ), myOptions);
}
</ script >
</ head >
< body onload ="initialize()" >
< div id ="map_canvas" ></ div >
</ body >
</ html >
< html >
< head >
< meta name ="viewport" content ="width=device-width, initial-scale=1.0, user-scalable=no" />
< meta http-equiv ="content-type" content ="text/html; charset=UTF-8" />
< link href ="http://code.google.com/apis/maps/documentation/javascript/examples/default.css" rel ="stylesheet" type ="text/css" />
< title > Google Maps JavaScript API v3 Example: Map Simple </ title >
< script type ="text/javascript" src ="mapapi.js" ></ script >
< script type ="text/javascript" >
function initialize() {
var myLatlng = new google.maps.LatLng( - 34.397 , 150.644 );
var myOptions = {
zoom: 8 ,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(document.getElementById( " map_canvas " ), myOptions);
}
</ script >
</ head >
< body onload ="initialize()" >
< div id ="map_canvas" ></ div >
</ body >
</ html >
有兴趣的朋友可以多测试一下,如果发现有问题,我们还可以一起想办法来解决。
本文转自博客园知识天地的博客,原文链接:Google Map API V3 离线版,如需转载请自行联系原博主。