GoogleMap舆图图片哀求数据限定办理步伐

发布时间：2018-10-05 03:37:13 所属栏目：创业来源：站长网

导读：最近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/

（编辑：河北网）

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

首富马斯克谈成功？他	从先行者到制定者，轻
中国互联网的新一轮机	马斯克想辞职做专业网