您當前位置：首頁 > web前端 > jscript > GoogleMap地圖圖片請求數據限制解決辦法

GoogleMap地圖圖片請求數據限制解決辦法

來源：程序員人生發布時間：2014-05-08 01:35:28 閱讀次數：3767次

　　最近GoogleMap對于通過API訪問的地圖服務的請求不再是完全免費，用戶每日每個API最多可以生成25000個地圖下載任務，對于地圖圖片則限制在2500張。這會對很多使用Google Map API開發的應用程序有很大的影響，特別是在國內。也到不少朋友的尋問，完全突破的方式還沒有，想了一種變通的方式來解決。

　　這個辦法就是在我們的客戶端和Google Map地圖服務器之間架設一臺地圖圖片緩存服務器，把需要的地圖，先緩存在地圖圖片緩存服務器上，客戶端請求時，先從緩存服務器上去獲取，如果沒有，再從Google Map地圖服務器上獲取，保存在本地，再從本地返回給客戶端，這樣就可以減少對Google Map地圖圖片服務器的請求次數。

　　當然，這種方法在開始的時候，請求量仍然會很大，不過到后面，數量就會越來越少。

　　大概流程如下：

　　流程已經很簡單了，中間實現的方式也不復雜，只要能實現上面的功能，使用哪個平臺不重要，下面是前端自己定義地圖類型的方式：

<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>Google Maps JavaScript 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:Mapomap.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/

生活不易，碼農辛苦
如果您覺得本網站對您的學習有所幫助,可以手機掃描二維碼進行捐贈
程序員人生

------分隔線----------------------------

上一篇 Jquery 插件之Uploadify的修改應用實例

下一篇 各種封閉測試活動里限量帳號的背后

分享到:

------分隔線----------------------------

為碼而活

積分：4237

15粉絲

7關注

欄目熱點

多多色-多人伦交性欧美在线观看-多人伦精品一区二区三区视频-多色视频-免费黄色视屏网站-免费黄色在线

GoogleMap地圖圖片請求數據限制解決辦法