小程序学习笔记《五》获取位置打开地图

这是一款来自小程序免费开发制作网的小程序demo源码，希望大家喜欢。

白天一直在想要从哪里入手看起，简易教程？框架？组件？API？不过我还是想着先做一些API小例子熟悉下小程序里面的js、wxml、wxss，不过我感觉wxss这不就算是css换了个后缀啊，我的天，这俩个有什么区别？张小龙你大声地告诉我（不过也可能是我初学没感受到），在看到wxml，卧槽，这个比html还简单，连<!DOCTYPE html>都不用了，.json有点怪，居然不能在里面打上一个注释，现在就开始一个例子吧，获取当前经纬度，并且显示在微信内置地图。成果如图（我就不去点获取位置了，暴露坐标。。个人感觉csdn上的代码格式代码缩进还是不怎么样，文章末尾附上github源码地址）

(此图片来源于网络，如有侵权，请联系删除! )

文件结构很简单
– pages文件夹里面放所有页面的内容,在小程序的开发中,是将每个页面的内容(包括布局页面.wxml,样式文件.wxss,配置文件json文件)单独的放在统一的文件夹内!
– utils文件夹里面存放通用的js文件,J2ee的小伙伴应该对它很熟悉!
– app.js文件,也是项目的入口文件,在这里小程序会开始他的生命周期!
– app.json文件是配置项目的加载文件和相关组件,项目在加载的时候首先会在这个文件里面查找它所要加载的组件,因此,它至关重要!
– app.wxss文件,存放所有通用的样式文件!

下面是index.wxss

/index.wxss/

.wrapper{
height: 100%;
background:#fff;
}
.page-body-form-value{
font-size: 14px;
color:darkturquoise;
font-weight: bold;
padding-left: 15px;
border: 1px solid rgb(72, 165, 131);

免责声明：本站所有文章和图片均来自用户分享和网络收集，文章和图片版权归原作者及原出处所有，仅供学习与参考，请勿用于商业用途，如果损害了您的权利，请联系网站客服处理。

本资源来自易用通，如有侵权，请联系站长。

标签聚合

【小程序源码网资源版权风险说明】：
本站为避免不必要的纷争，分享的所有资源中一切可能有版权风险的资源将全部转载自第三方网站或平台，站长只为大家提供相关资源的介绍和跳转引导。因可能有疏忽大意，所以如有遗漏资源侵犯了您的合法权利，请联系站长删除。
【小程序源码网资源下载使用说明】：
本站所分享的一切QQ小程序源码,thinkphp整站源码,微信小程序源码,图文教程等资源仅供用户学习参考使用，任何人不得作其他用途，违者自行承担所有责任。
【小程序源码网毫无人看的介绍】：
本站又称Z站，原名贼娘网，开站于2018年，换过三任站长，目前站长是第四任站长，本站是一个主要分享免费开源小程序源码/网站源码/免费素材/教程资源的网站，主要小程序资源有用于学习的小程序源码，也有正版原创可商用的小程序源码，是一个公益博客型网站。
【小程序源码网原创源码版权申明】：
未经小程序源码网许可，任何人不得擅自使用本站原创首发源码进行商业行为(除本站VIP用户在期限内，版权无使用限制)，否则将依法承担相应赔偿责任。
【小程序源码网转载文章版权申明】：
本站所转载的QQ小程序或微信小程序源码与其他资源仅供学习，任何人不得作其他用途，违者自行承担所有责任。
【小程序源码网站长最后的屁话】：
如有您认为本站有任何侵犯您合法权益的文章，或者您有什么疑问需求，欢迎联系站长QQ，站长24小时在线，备注公司名称和源码版权问题或者需要小程序定制开发等站长业务类型可急速处理，如果您只是交流小程序的一些开发问题或源码问题可以加入QQ群讨论，就不用加站长啦，对于白嫖党，QQ群才是处理问题的天堂，当然站长也欢迎大家骚扰~
小程序源码网 » 小程序学习笔记《五》获取位置打开地图