使用cordova google maps插件和google places api

使用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

我正在尝试使用Ionic+Cordova构建一个应用程序。我想在我的应用程序中显示地图。 我正在使用科尔多瓦谷歌地图插件为这一点,我能够成功地渲染地图。 现在我要做的是在地图的顶部放置一个搜索框。当用户开始键入时,搜索应显示靠近用户当前位置的位置建议

我使用以下代码在地图顶部添加搜索框:

<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上,并且会在视觉上产生不可预测的结果

我发现使用自动完成服务和处理所有下拉结果解析等更容易

有了爱奥尼亚,你可以使用像 或者看看哪个代码笔中有示例代码

有一个插件我觉得很好,但我找不到它的链接