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>




有兴趣的朋友可以多测试一下,如果发现有问题,我们还可以一起想办法来解决。


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>




有兴趣的朋友可以多测试一下,如果发现有问题,我们还可以一起想办法来解决。