2014-09-29 106 views
-2

我正在開發使用IBM工作燈我的Android應用環境的世界位置和下面的庫:http://storelocator.googlecode.com/git/index.html地圖上顯示設備

每當我從文本框中輸入任何位置,我得到了世界地圖,而不是我輸入的位置。我需要放大以查看確切位置。它在Worklight Console上正常工作。但在設備上,每當我輸入任何城市名稱時,我都只能獲得世界地圖。 LogCat上沒有任何錯誤。

此外,我得到兩個警報不斷。

  1. 「頻率超過上限」
  2. 「的SQL查詢的格式不正確(可能有什麼不對這些URL參數:選擇,其中,排序依據,相交)。」

下面是HTML代碼:

<!DOCTYPE HTML> 
    <html> 
    <head> 
     <meta charset="UTF-8"> 
     <title>testeApp</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, 
     minimum-scale=1.0, user-scalable=0"> 
     <!-- 
      <link rel="shortcut icon" href="images/favicon.png"> 
      <link rel="apple-touch-icon" href="images/apple-touch-icon.png"> 
     --> 
     <link href="jqueryMobile/jquery.mobile-1.4.3.css" rel="stylesheet"> 
     <link href="jqueryMobile/jquery.mobile.inline-png-1.4.3.css" rel="stylesheet"> 
     <link href="jqueryMobile/jquery.mobile.inline-svg-1.4.3.css" rel="stylesheet"> 
     <link href="jqueryMobile/jquery.mobile.structure-1.4.3.css" rel="stylesheet"> 
     <link href="jqueryMobile/jquery.mobile.theme-1.4.3.css" rel="stylesheet"> 
     <link href="jqueryMobile/jquery.mobile.external-png-1.4.3.css" rel="stylesheet"> 
     <link rel="stylesheet" href="css/main.css"> 
     <link rel="stylesheet" href="jqueryMobile/jquery.mobile.icons-1.4.3.css"> 
     <script>window.$ = window.jQuery = WLJQ;</script> 
     <script src="jqueryMobile/jquery.mobile-1.4.3.js"></script> 

     <script type="text/javascript" charset="utf-8" 
      src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script> 

     <script type="text/javascript" src="js/gme.js"></script> 
     <script type="text/javascript" charset="utf-8" src="js/store-locator.min.js"></script> 
     <link rel="stylesheet" href="css/storelocator.css"> 
     <script src="js/medicare-static-ds.js" type="text/javascript"></script> 


     <style type="text/css"> 
      body { font-family: sans-serif; } 
      #map-canvas, #panel { height: 500px; } 
      #panel { width: 300px; float: left; margin-right: 10px; } 
      p.attribution, p.attribution a { color: #666; } 
     </style> 
</head> 

    <body> 
     <div data-role="page" > 
      <div data-role="content"> 
       <div id="panel" class="storelocator-panel" style="width : 100% ; height : 30%; " > 

      <form class="storelocator-filter" > 

      <div class="location-search" id="locationSearch" style="height :35%; "> 

      </div> 

      <div class="feature-filter"> 
      </div> 
      </form> 
      </div> 
      <div id="map-canvas" > 
      </div>  

    </div> 
    </div> 
    </body>   

以下是地圖的JavaScript代碼。

google.maps.event.addDomListener(window, 'load', function() { 
    var map = new google.maps.Map(document.getElementById('map-canvas'), { 
     center: new google.maps.LatLng(43.67023, -79.38676), 
     zoom: 4, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }); 

    var panelDiv = document.getElementById('panel'); 

    var data = new storeLocator.GMEDataFeed({ 
    tableId: '12421761926155747447-06672618218968397709', 
    apiKey: 'AIzaSyAtunhRg0VTElV-P7n4Agpm9tYlABQDCAM', 
    propertiesModifier: function(props) { 
    var shop = ([props.NAME]); 
    var locality = join([props.CITY, props.POSTAL_CODE], ', '); 

    return { 
    id: props.STORE, 
    title: props.NAME, 
    address: join([shop, props.ADDRESS, locality], '<br>'), 

    }; 
    } 
    }); 

    var view = new storeLocator.View(map, data, { 
     geolocation: false 

    }); 

     new storeLocator.Panel(panelDiv, { 
     view: view 
     }); 
    }); 


    function join(arr, sep) { 
     var parts = []; 
     for (var i = 0, ii = arr.length; i < ii; i++) { 
      arr[i] && parts.push(arr[i]); 
      } 
      return parts.join(sep); 
     } 
+0

沒有辦法重新創建此 - 提供您的工作燈項目。 – 2014-09-30 04:22:04

+0

這是測試應用程序。如果我輸入任何城市名稱(多倫多),我只能獲得世界地圖。 https://db.tt/v6Ci3dxz – user3654246 2014-09-30 17:48:53

+0

我在預覽和設備中都收到「超出限制速度」和「無法縮放到位置」問題。 – 2014-10-05 10:23:13

回答

0

對於變焦的問題,要到街道級縮放,我用zoom: 18

至於「頻率超過上限」的警告,該警告是由谷歌地圖發佈,您需要驗證您的谷歌地圖的使用:https://developers.google.com/maps/documentation/business/articles/usage_limits

+0

如果我從文本框中提供的建議中選擇城市名稱(多倫多ON,加拿大),我仍然只獲取世界地圖。另外,我一直在獲取SQL的警報,即「SQL查詢格式不正確(這些URL參數可能有問題:select,Where,orderBy,intersects)」。請幫我解決一下這個。 – user3654246 2014-10-14 18:24:59

+0

我沒有經歷過,所以我不能。 – 2014-10-14 18:43:46