Google API 地图离线版「建议收藏」

大家好，又见面了，我是你们的朋友全栈君。如果您正在找激活码,请点击查看最新教程,关注关注公众号 “全栈程序员社区” 获取激活教程,可能之前旧版本教程已经失效.最新Idea2022.1教程亲测有效,一键激活。

Jetbrains全系列IDE使用 1年只要46元售后保障童叟无欺

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 οnlοad=”initialize()”>

<div id=”map_canvas”></div>

</body>

</html>