简单版的微信小程序定位功能怎么实现

　　自从微信官方推出了微信小程序定位功能，大家就开始觉得小程序的使用越来越方便了，但是使用小程序定位导航所需要的小程序开发技术很严格，由于很多朋友是新手，所以今天只给大家介绍一下简单版的小程序定位功能怎么实现，希望大家能很快学会。

　　简单版的微信小程序定位功能开发实例：

　　在获取小程序page后创建一个小程序页面如local

　　local.js如下

　　[plain] view plain copy print?

　　var app = getApp()

　　Page({

　　data:{

　　latitude:'',

　　longitude:''

　　},

　　getLocation:function(e) {

　　console.log(e)

　　var that = this

　　wx.getLocation({

　　type: 'wgs84', // 默认为 wgs84 返回 gps 坐标，gcj02 返回可用于 wx.openLocation 的坐标

　　success: function(res){

　　console.log(res)

　　that.setData({

　　longitude:res.longitude,

　　latitude:res.latitude

　　})

　　}

　　})

　　}

　　})

　　local.wxml如下

　　[html] view plain copy print?

　　经度：

　　value="{{longitude}}" name="longitude">

　　纬度:

　　value="{{latitude}}" name="latitude">

　　bindtap="getLocation">获取位置

　　在app.json中

　　[plain] view plain copy print?

　　{

　　"pages":[

　　"pages/local/local"

　　],

　　"window":{

　　"backgroundTextStyle":"light",

　　"navigationBarBackgroundColor": "#fff",

　　"navigationBarTitleText": "定位",

　　"navigationBarTextStyle":"black"

　　}

　　}

　　这个微信小程序定位功能的特点就是简单易读，还可以获取经纬度信息，可以说是非常的便捷了，如果大家学会了以上的开发步骤，想要使用定位功能就是分分钟的事了。更多相关资料请关注微信小程序商店。

　　如何实现微信小程序定位导航?

　　商家应如何对微信小程序产品定位?

　　微信小程序地图导航,景区地图导航应用微信小程序