使用cordova google maps插件和google places api
我正在尝试使用Ionic+Cordova构建一个应用程序。我想在我的应用程序中显示地图。 我正在使用科尔多瓦谷歌地图插件为这一点,我能够成功地渲染地图。 现在我要做的是在地图的顶部放置一个搜索框。当用户开始键入时,搜索应显示靠近用户当前位置的位置建议 我使用以下代码在地图顶部添加搜索框:使用cordova google maps插件和google places api,cordova,google-maps,ionic-framework,google-places-api,cordova-plugins,Cordova,Google Maps,Ionic Framework,Google Places Api,Cordova Plugins,我正在尝试使用Ionic+Cordova构建一个应用程序。我想在我的应用程序中显示地图。 我正在使用科尔多瓦谷歌地图插件为这一点,我能够成功地渲染地图。 现在我要做的是在地图的顶部放置一个搜索框。当用户开始键入时,搜索应显示靠近用户当前位置的位置建议 我使用以下代码在地图顶部添加搜索框: <div style="width:100%;height:400px" id="map_canvas"> <div id="searchBox"> <i
<div style="width:100%;height:400px" id="map_canvas">
<div id="searchBox">
<input type="text" id="query" size="30" />
</div>
</div>
但是,我无法从下拉列表中选择选项。它在背景中不断移动地图
我尝试设置以下属性
map.setClickable( false )
然而,这使地图固定。我不希望地图是固定的,用户应该能够移动地图周围,如果他希望这样做
我还想将下拉列表中选择的位置传递到地图。我想使用此信息向地图添加标记。我正在努力让它工作
有人能让这个工作吗?如果是,任何指针或示例代码都会有所帮助
注意:当使用google maps api+google places api时,我可以让它工作。
我想使用cordova google maps插件,因为我听说它比直接使用google maps api性能更好
关于您可以这样做我使用jQuery:
$("#query").on("blur", function () {
map.setClickable(true);
}).on("focus", function () {
map.setClickable(false);
}).on("keyup", function () {
event.stopPropagation();
event.preventDefault();
// searching
});
另一点:地图插件支持地理编码,看看文档:你可以这样做我使用jQuery:
$("#query").on("blur", function () {
map.setClickable(true);
}).on("focus", function () {
map.setClickable(false);
}).on("keyup", function () {
event.stopPropagation();
event.preventDefault();
// searching
});
另一点:maps插件支持地理编码,看看文档:如果您使用该插件,使用谷歌股票自动完成是一个问题,因为结果会附加到DOM上,并且会在视觉上产生不可预测的结果 我发现使用自动完成服务和处理所有下拉结果解析等更容易 有了爱奥尼亚,你可以使用像 或者看看哪个代码笔中有示例代码
有一个插件我觉得很好,但是我找不到它的链接。如果你使用该插件,使用谷歌股票自动完成是一个问题,因为结果会被附加到DOM上,并且会在视觉上产生不可预测的结果 我发现使用自动完成服务和处理所有下拉结果解析等更容易 有了爱奥尼亚,你可以使用像 或者看看哪个代码笔中有示例代码 有一个插件我觉得很好,但我找不到它的链接