2014-09-29 108 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

相关问题