微信小程序实现搜索指定景点周边美食、酒店

本文为大家分享了微信小程序实现指定景点周边的美食、酒店等搜索，供大家参考，具体内容如下

以下为效果图，使用的是腾讯地图位置服务微信小程序JavaScript SDK，首先要申请腾讯地图位置服务的开发密钥，然后进行开发。

wxml:

视图样式=“宽度：100%；”height : { { height } } px ' map id=' map '经度='{{poi。经度}} '纬度='{{poi。纬度}} '比例尺='16 '标记=“{ { markers } }”样式=“宽度：100%；”height : { { height } } px ' show-location bindmarkertap=' GoToHere '/map view class=' nav '按钮bindtap=“搜索”数据类型='酒店class='nav-but '酒店/button button bindtap='search '数据类型='美食class='nav-but '美食/button button bindtap='search '数据类型='书店class='nav-but '书店/button button bindtap='search '数据类型='商城class='nav-but '商城/button/view/view class=' info ' navigator wx : for=' { { period } } ' URL='./路线/路线？纬度={ { startlat } }经度={ { startlng } }纬度2={ { item。位置。lat } }经度2={ { item。位置。LNG } } ' class=' weui-media-box weui-media-box weui-media-box _ appmsg ' hover-class=' weui-cell _ active ' view class=' weui-media-box _ _ BD _ in-appmsg ' view class=' weui-media-box _ _ title ' { item。title } }/view view class='位置：{ { item。地址} }/视图/视图/导航器/视图js页面的主要函数有两个，一个是将具体地址转为经纬度的地址解析函数；一个是根据指定经纬度以及关键词查找周边相关搜索。

var QQMapWX=require('././utils/QQ map-wx-jssdk。js’)；var qqmapsdkvar startlatvar startlngpage({ data : { height : ' 400 '，周长：[] }，onLoad:函数（选项){ var address=options.address//实例化应用程序接口核心类qqmapsdk=new QQMapWX({ key : ' IBCBZ-