微信小程序入门(三)找厕所

前言

人有三急,出门在外,有时会遇到找不到厕所的尴尬。

现在小程序也能找卫生间了,下面就教大家如何通过小程序找厕所,解决急事。

本文档将介绍微信小程序使用map组件开发找厕所小程序的示例。下载源码

代码主要实现:启动小程序,地图自动定位到当前位置,并显示周边的厕所。

移动拖开地图,显示屏幕中心点附近的厕所,每次显示周边20条厕所信息。

关键词 :

1.示例效果

2.wxss文件

先定义容器样式,再定义Map地图组件,地址文本样式:

3.wxml

4.js

5.注意

出现“https://restapi.amap.com 不在以下 request 合法域名列表中,请参考文档https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html”。

这是咋回事,来吧跟我做:

去微信公众平台配置合法域名即可

6.结语

感谢阅读。后续将介绍更多有趣的微信小程序开发。

  • 发表于:
  • 原文链接:http://kuaibao.qq.com/s/20171220G0X86600?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。

扫码关注云+社区

领取腾讯云代金券