Android 地图仅显示设备上的世界位置
我正在使用IBM Worklight和以下库为Android环境开发应用程序： 无论何时我从文本框中输入任何位置，我都会得到世界地图，而不是我输入的位置。我需要放大才能看到确切的位置。它在Worklight控制台上正常工作。但在这个设备上，每当我输入任何一个城市的名字，我只能得到一张世界地图。LogCat上没有任何错误 而且，我连续收到两个警报 超过利率上限 SQL查询的格式不正确。这些URL参数可能有问题：select、Where、orderBy、intersects。 以下是HTML代码：Android 地图仅显示设备上的世界位置,android,google-maps,ibm-mobilefirst,Android,Google Maps,Ibm Mobilefirst,我正在使用IBM Worklight和以下库为Android环境开发应用程序： 无论何时我从文本框中输入任何位置，我都会得到世界地图，而不是我输入的位置。我需要放大才能看到确切的位置。它在Worklight控制台上正常工作。但在这个设备上，每当我输入任何一个城市的名字，我只能得到一张世界地图。LogCat上没有任何错误 而且，我连续收到两个警报 超过利率上限 SQL查询的格式不正确。这些URL参数可能有问题：select、Where、orderBy、intersects。 以下是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>
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);
}
对于缩放问题，要进行街道级别的缩放，我使用zoom:18
至于速率限制超出警告，此警告由谷歌地图发出，您需要验证您对谷歌地图的使用情况：无法重新创建此警告-请提供您的Worklight项目。这是测试应用程序。如果我输入任何城市名称多伦多，我只会得到世界地图。我的速度超过了限制，并且在预览和设备中都没有缩放到位置问题。如果我从文本框中提供的建议中选择加拿大多伦多的城市名称，我仍然只能获得世界地图。我还不断收到sql的警报，即sql查询的格式不正确。这些URL参数可能有问题：select、Where、orderBy、intersects。请帮帮我，我没有经历过，所以我不能。