浏览器版本低!无法浏览完整内容,建议升级或更换浏览器。

文档全面上新

更科技的视觉体验,更高效的页面结构,快前往体验吧!

体验新版
第1行: 第1行:
 
{{wxjsapi-sidebar}}
 
{{wxjsapi-sidebar}}
<h1>POI检索热词联想</h1>
+
<div class="bluetitle"><div class="services-title-text">简介</div></div><div class="serve-explain-text">该查找并展示定位地点支持POI检索词联想功能,提供匹配输入关键字的辅助信息数据,返回关键字类的相关结果。</div><div class="bluetitle"><div class="services-title-text">实现方法</div></div><div class="devguide"><div class="leftborderbg" style="height:5000px;"></div><div class="devguideorder"><span>1</span>打开快速创建的微信小程序 pages/index/index.js 文件,用下面的代码完全替换原代码</div><div class="devguidecenter">
 
+
在以下的代码中,首先引用百度地图微信小程序JSAPI模块,然后监听输入的内容,调用BMapWX.suggestion方法进行输入模糊查询。
<p>支持POI检索词联想功能,提供匹配输入关键字的辅助信息数据,返回关键字类的相关结果。</p>
+
<pre class="prettyprint codestyle">// 引用百度地图微信小程序JSAPI模块  
 
+
<h1>实现方法</h1>
+
<p>1、打开快速创建的微信小程序 pages/index/index.js 文件,用下面的代码完全替换原代码。</p>
+
<p>在以下的代码中,首先引用百度地图微信小程序JSAPI模块,然后监听输入的内容,调用BMapWX.suggestion方法进行输入模糊查询。</p>
+
<source>
+
 
+
// 引用百度地图微信小程序JSAPI模块  
+
 
var bmap = require('../../libs/bmap-wx.js');  
 
var bmap = require('../../libs/bmap-wx.js');  
 
Page({  
 
Page({  
    data: {  
+
&nbsp; &nbsp; data: {  
        sugData: ''  
+
&nbsp; &nbsp; &nbsp; &nbsp; sugData: ''  
    },  
+
&nbsp; &nbsp; },  
    // 绑定input输入  
+
&nbsp; &nbsp; // 绑定input输入  
    bindKeyInput: function(e) {  
+
&nbsp; &nbsp; bindKeyInput: function(e) {  
        var that = this;  
+
&nbsp; &nbsp; &nbsp; &nbsp; var that = this;  
        // 新建百度地图对象  
+
&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;// 新建百度地图对象  
        var BMap = new bmap.BMapWX({  
+
&nbsp; &nbsp; &nbsp; &nbsp; var BMap = new bmap.BMapWX({  
            ak: '您的ak'  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; ak: '您的ak'  
        });  
+
&nbsp; &nbsp; &nbsp; &nbsp; });  
        var fail = function(data) {  
+
&nbsp; &nbsp; &nbsp; &nbsp; var fail = function(data) {  
            console.log(data)  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; console.log(data)  
        };  
+
&nbsp; &nbsp; &nbsp; &nbsp; };  
        var success = function(data) {  
+
&nbsp; &nbsp; &nbsp; &nbsp; var success = function(data) {  
            var sugData = '';  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; var sugData = '';  
            for(var i = 0; i < data.result.length; i++) {  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; for(var i = 0; i < data.result.length; i++) {  
                sugData = sugData + data.result[i].name + '\n';  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; sugData = sugData + data.result[i].name + '\n';  
            }  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; }  
            that.setData({  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; that.setData({  
                sugData: sugData  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; sugData: sugData  
            });  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; });  
        }  
+
&nbsp; &nbsp; &nbsp; &nbsp; }  
       // 发起suggestion检索请求  
+
&nbsp; &nbsp; &nbsp; &nbsp;// 发起suggestion检索请求  
        BMap.suggestion({  
+
&nbsp; &nbsp; &nbsp; &nbsp; BMap.suggestion({  
            query: e.detail.value,  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; query: e.detail.value,  
            region: '北京',  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; region: '北京',  
            city_limit: true,  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; city_limit: true,  
            fail: fail,  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; fail: fail,  
            success: success  
+
&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; success: success  
        });  
+
&nbsp; &nbsp; &nbsp; &nbsp; });  
    }  
+
&nbsp; &nbsp; }  
 
})  
 
})  
 +
</pre>
 +
</div><div class="devguideorder"><span>2</span>打开 pages/index/index.wxml 文件,用下面的代码完全替换原代码</div><div class="devguidecenter"><pre class="prettyprint codestyle"><view class="section">
 +
&nbsp; <input placeholder="输入关键字" auto-focus type="text" bindinput="bindKeyInput"/>
 +
</view>
 +
<view class="sug_info">
 +
&nbsp; <text>{{sugData}}</text>
 +
</view>
 +
</pre>
 +
</div><div class="devguideorder"><span>3</span>最后保存修改,即可看到示例效果</div><div class="devguidecenter">本在示例页面的输入框中进行输入,页面上会动态对输入的内容在对应城市范围内进行模糊检索,并显示在下方。
 +
http://mapopen-pub-jsapi.bj.bcebos.com/img/suggestion.PNG
 +
</div></div>
 +
<!--
 +
 +
 +
 +
 +
 +
 +
 +
= POI检索热词联想 =
 +
 +
支持POI检索词联想功能,提供匹配输入关键字的辅助信息数据,返回关键字类的相关结果。
 +
 +
= 实现方法 =
 +
 +
1、打开快速创建的微信小程序 pages/index/index.js 文件,用下面的代码完全替换原代码。
 +
 +
在以下的代码中,首先引用百度地图微信小程序JSAPI模块,然后监听输入的内容,调用BMapWX.suggestion方法进行输入模糊查询。
 +
 +
 +
<span _fck_mw_customtag="true" _fck_mw_tagname="syntaxhighlight" _fck_mw_tagtype="t" lang="null" _fck_mw_tagattributes="lang" class="fck_mw_syntaxhighlight">fckLRfckLR// 引用百度地图微信小程序JSAPI模块 fckLRvar bmap = require('../../libs/bmap-wx.js'); fckLRPage({ fckLR    data: { fckLR        sugData: '' fckLR    }, fckLR    // 绑定input输入 fckLR    bindKeyInput: function(e) { fckLR        var that = this; fckLR        // 新建百度地图对象 fckLR        var BMap = new bmap.BMapWX({ fckLR            ak: '您的ak' fckLR        }); fckLR        var fail = function(data) { fckLR            console.log(data) fckLR        }; fckLR        var success = function(data) { fckLR            var sugData = ''; fckLR            for(var i = 0; i &lt; data.result.length; i++) { fckLR                sugData = sugData + data.result[i].name + '\n'; fckLR            } fckLR            that.setData({ fckLR                sugData: sugData fckLR            }); fckLR        } fckLR       // 发起suggestion检索请求 fckLR        BMap.suggestion({ fckLR            query: e.detail.value, fckLR            region: '北京', fckLR            city_limit: true, fckLR            fail: fail, fckLR            success: success fckLR        }); fckLR    } fckLR}) fckLRfckLR fckLR</span>
 +
 +
2、打开 pages/index/index.wxml 文件,用下面的代码完全替换原代码。
 +
 +
 +
<span _fck_mw_customtag="true" _fck_mw_tagname="syntaxhighlight" _fck_mw_tagtype="t" lang="null" _fck_mw_tagattributes="lang" class="fck_mw_syntaxhighlight">fckLRfckLR&lt;view class="section"&gt; fckLR  &lt;input placeholder="输入关键字" auto-focus type="text" bindinput="bindKeyInput"/&gt; fckLR&lt;/view&gt; fckLR&lt;view class="sug_info"&gt; fckLR  &lt;text&gt;{{sugData}}&lt;/text&gt; fckLR&lt;/view&gt; fckLR fckLR</span>
 +
 +
3、最后保存修改,即可看到示例效果。在示例页面的输入框中进行输入,页面上会动态对输入的内容在对应城市范围内进行模糊检索,并显示在下方。
 +
 +
http://mapopen-pub-jsapi.bj.bcebos.com/img/suggestion.PNG
 +
  
 
</source>
 
  
<p>2、打开 pages/index/index.wxml 文件,用下面的代码完全替换原代码。</p>
 
<source>
 
  
<view class="section">
 
  <input placeholder="输入关键字" auto-focus type="text" bindinput="bindKeyInput"/>
 
</view>
 
<view class="sug_info">
 
  <text>{{sugData}}</text>
 
</view>
 
 
</source>
 
  
<p>3、最后保存修改,即可看到示例效果。在示例页面的输入框中进行输入,页面上会动态对输入的内容在对应城市范围内进行模糊检索,并显示在下方。</p>
+
-->
http://mapopen-pub-jsapi.bj.bcebos.com/img/suggestion.PNG<br/>
+

2017年10月26日 (四) 06:42的版本

简介
该查找并展示定位地点支持POI检索词联想功能,提供匹配输入关键字的辅助信息数据,返回关键字类的相关结果。
实现方法
1打开快速创建的微信小程序 pages/index/index.js 文件,用下面的代码完全替换原代码

在以下的代码中,首先引用百度地图微信小程序JSAPI模块,然后监听输入的内容,调用BMapWX.suggestion方法进行输入模糊查询。

// 引用百度地图微信小程序JSAPI模块 
var bmap = require('../../libs/bmap-wx.js'); 
Page({ 
    data: { 
        sugData: '' 
    }, 
    // 绑定input输入 
    bindKeyInput: function(e) { 
        var that = this; 
        // 新建百度地图对象 
        var BMap = new bmap.BMapWX({ 
            ak: '您的ak' 
        }); 
        var fail = function(data) { 
            console.log(data) 
        }; 
        var success = function(data) { 
            var sugData = ''; 
            for(var i = 0; i < data.result.length; i++) { 
                sugData = sugData + data.result[i].name + '\n'; 
            } 
            that.setData({ 
                sugData: sugData 
            }); 
        } 
       // 发起suggestion检索请求 
        BMap.suggestion({ 
            query: e.detail.value, 
            region: '北京', 
            city_limit: true, 
            fail: fail, 
            success: success 
        }); 
    } 
}) 
2打开 pages/index/index.wxml 文件,用下面的代码完全替换原代码
<view class="section"> 
  <input placeholder="输入关键字" auto-focus type="text" bindinput="bindKeyInput"/> 
</view> 
<view class="sug_info"> 
  <text>{{sugData}}</text> 
</view>
3最后保存修改,即可看到示例效果
本在示例页面的输入框中进行输入,页面上会动态对输入的内容在对应城市范围内进行模糊检索,并显示在下方。

suggestion.PNG

  • 文档根本没法用

  • 文档水平很差

  • 文档水平一般

  • 文档不错

  • 文档写的很好

如发现文档错误,或对此文档有更好的建议,请在下方反馈。问题咨询请前往反馈平台提交工单咨询。

提交反馈

拖动标注工具

添加矩形标注

添加箭头标注

完成

取消