GoogleMap地图图片请求数据限制解决办法

发布时间：2018-10-05 13:07:43 所属栏目：模式来源：站长网

导读：最近GoogleMap对于通过API访问的地图服务的请求不再是完全免费，用户每日每个API最多可以生成25000个地图下载任务，对于地图图片则限制在2500张。这会对很多使用Google Map API开发的应用程序有很大的影响，特别是在国内。也到不少朋友的寻问，完全突破的

　　最近GoogleMap对于通过API访问的地图服务的请求不再是完全免费，用户每日每个API最多可以生成25000个地图下载任务，对于地图图片则限制在2500张。这会对很多使用Google Map API开发的应用程序有很大的影响，特别是在国内。也到不少朋友的寻问，完全突破的方式还没有，想了一种变通的方式来解决。

　　这个办法就是在我们的客户端和Google Map地图服务器之间架设一台地图图片缓存服务器，把需要的地图，先缓存在地图图片缓存服务器上，客户端请求时，先从缓存服务器上去获取，如果没有，再从Google Map地图服务器上获取，保存在本地，再从本地返回给客户端，这样就可以减少对Google Map地图图片服务器的请求次数。

　　当然，这种方法在开始的时候，请求量仍然会很大，不过到后面，数量就会越来越少。

　　大概流程如下：

GoogleMap地图图片请求数据限制解决办法

　　流程已经很简单了，中间实现的方式也不复杂，只要能实现上面的功能，使用哪个平台不重要，下面是前端自己定义地图类型的方式：

<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Google Maps <b>Java</b>Script API v3 Example: Image MapTypes</title> <link href="mapfiles/css/default.css" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> <script> function LocalMapType() {} LocalMapType.prototype.tileSize = new google.maps.Size(256, 256); LocalMapType.prototype.maxZoom = 15; LocalMapType.prototype.minZoom = 8; LocalMapType.prototype.name = "本地地图"; LocalMapType.prototype.alt = "显示本地地图数据"; LocalMapType.prototype.getTile = function(coord, zoom, ownerDocument) { var img = ownerDocument.createElement("img"); img.style.width = this.tileSize.width + "px"; img.style.height = this.tileSize.height + "px"; img.onerror = function(){ img.src = "c:Mapnomap.png"; } //var strURL = "C:MapGoogle_Hybrid" + zoom + "" + coord.x + "" + coord.y + ".png"; var strURL = "http://localhost:8080/gettitle/gettitle.png?x=" + coord.x + "&y=" + coord.y + "&z=" + zoom; img.src = strURL; return img; }; var localMapType = new LocalMapType(); function initialize() { var myLatlng = new google.maps.LatLng(36.867078, 119.286772); var myOptions = { center: myLatlng, zoom: 11, streetViewControl: false, mapTypeControlOptions: { mapTypeIds: ["local"] } }; var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); map.mapTypes.set('local', localMapType); map.setMapTypeId('local'); } </script> </head> <body onload="initialize()"> <div id="map_canvas" style="width: 640px; height: 480px;"></div> </body> </html>
提示：可修改后代码再运行!

　　作者：LionGIS
　　邮箱：liongis@163.com
　　QQ：1366940902
　　出处：http://liongis.cnblogs.com/

（编辑：淮安站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!