微信小程序 获取地理位置（显示地图并显示经纬度）

最新推荐文章于 2024-09-18 10:20:06 发布
最新推荐文章于 2024-09-18 10:20:06 发布
阅读量9.9k 收藏 11
点赞数 3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Swinder_/article/details/80337093
版权
本文介绍了如何在微信小程序中显示地图并获取用户的地理位置经纬度。通过创建项目结构，展示WXML代码实现地图展示，并提示用户查看官方文档以获取详细步骤。
摘要由CSDN通过智能技术生成

今天来说一下怎么显示地图并获取经纬度（获取到经纬度后显示地图）

首先我们先穿件一个项目结构如下


我们先来看一下wxml代码

<view class="container log-list">
<map id="map" longitude="{ {jd}}" latitude="{ {wd}}" style="width: 100%; height: 800rpx;" show-location></map> //mp是地图标签 longitude经度 latitude纬度 根据经纬度来定位地图位置 show-location显示带有方向的当前定位点 

                

        

        

    

  


        

            

                    
                      最低0.47元/天 解锁文章
                        
                    
            

        

    

      

        

            

              
                
                  Swinder_
                
              
            

            

                关注
              
            

        

        

          
      

      









                



	

		

			

				
					
微信小程序开发：实现地理位置定位功能

				
			

			

				

					吃不胖.
				

				

					10-28
					
					5919
					
				

			

		

		

			
				
以上代码通过调用 wx.getLocation() 方法来获取用户的位置信息，并在成功获取到信息后，将该信息用于设置 latitude 和 longitude 的值，从而显示到地图上。随着微信小程序的发展，越来越多的企业和个人开始尝试开发微信小程序，作为一种新型的应用形态，微信小程序提供了诸多便利的功能，其中地理位置定位功能是非常重要的一个。地理位置定位功能可以便利用户查找周边的商家，获取实时的天气情况，或者提供定位服务等等，因此，实现地理位置功能对于微信小程序的开发者来说是必不可少的一项技能。

			
		

	



                

            
              



	

		

			

				
					
如何为微信小程序添加定位导航和地图标注功能

				
			

			

				

					qq_67153941的博客
				

				

					04-21
					
					820
					
				

			

		

		

			
				
在微信小程序中，可以通过内置的定位导航和地图标注功能，为用户提供精确的定位和导航服务，以及在地图上标注自定义的信息。下面将详细介绍如何为微信小程序添加这些功能。

			
		

	



              


  
              

                


	

		

			

				
					
微信小程序之获取经纬度显示在地图上

				
			

			

				

					01-11
				

			

		

		

			
				
微信小程序之获取经纬度显示在地图上

			
		

	





	

		

			

				
					
微信小程序获取当前经纬度并逆转为地理位置信息

					
最新发布

				
			

			

				

					m0_50007683的博客
				

				

					09-18
					
					422
					
				

			

		

		

			
				
小程序位置API只能获取到经纬度信息，需要根据经纬度使用逆地理编码API获取地理位置信息。

			
		

	



		

			
		



	

		

			

				
					
微信小程序获取经纬度坐标及地址，wgs84转腾讯坐标逆解析

				
			

			

				

					zhangxueyou2223的博客
				

				

					03-05
					
					2316
					
				

			

		

		

			
				
微信小程序获取经纬度坐标及地址，wgs84转腾讯坐标逆解析前提：微信小程序获取经纬度坐标及地址，需要到微信公众平台获取两个地址接口...

			
		

	





	

		

			

				
					
Android中高级面试必知必会，讲的明明白白！_备战2023,android中高级面试必知必会(1)

				
			

			

				

					2401_84558498的博客
				

				

					04-29
					
					250
					
				

			

		

		

			
				
这里笔者分享一份自己收录整理上述技术体系图相关的几十套腾讯、头条、阿里、美团等公司2021年的面试题，把技术点整理成了视频和PDF（实际上比预期多花了不少精力），包含知识脉络 + 诸多细节，由于篇幅有限，这里以图片的形式给大家展示一部分。很多人在刚接触这个行业的时候或者是在遇到瓶颈期的时候，总会遇到一些问题，比如学了一段时间感觉没有方向感，不知道该从那里入手去学习，对此我整理了一些资料，需要的可以免费分享给大家。只有具备这样的能力，架构师才能看清系统的整体，掌控全局，这也是架构师大局观的形成基础。

			
		

	





	

		

			

				
					
小程序之使用腾讯地图获取经纬度

				
			

			

				

					weixin_30765505的博客
				

				

					05-11
					
					510
					
				

			

		

		

			
				
1. 申请开发者密钥（key）：申请密钥
2. 下载微信小程序JavaScriptSDK，微信小程序JavaScriptSDK v1.0
3. 安全域名设置，在“设置” -> “开发设置”中设置request合法域名，添加https://apis.map.qq.com
4.返回微信开发者工具->淸缓存
5.使用：

var QQMapWX = require('../../...

			
		

	





	

		

			

				
					
微信小程序获取地理位置及经纬度授权代码实例

				
			

			

				

					10-16
				

			

		

		

			
				
在微信小程序中，获取用户地理位置和经纬度是常见的功能需求，尤其对于提供定位服务或基于位置的业务场景。本文将详细讲解如何实现这一功能，并提供相关的授权代码实例。  首先，为了能够在微信小程序中请求用户的...

			
		

	





	

		

			

				
					
微信小程序之获取当前位置经纬度以及地图显示详解

				
			

			

				

					08-30
				

			

		

		

			
				
微信小程序获取当前位置经纬度以及地图显示详解 ...微信小程序获取当前位置经纬度和地图显示是微信小程序开发中的一项重要功能，通过使用微信小程序提供的接口和API，可以轻松实现获取当前位置信息和地图显示的功能。

			
		

	





	

		

			

				
					
微信小程序 获取当前地理位置和经纬度实例代码

				
			

			

				

					01-20
				

			

		

		

			
				
在微信小程序中，获取当前地理位置和经纬度是开发者常用的功能之一，这有助于实现地图定位、导航等场景的应用。本文将详细解析如何通过实例代码来获取并显示用户当前的位置信息。  首先，我们需要了解微信小程序提供...

			
		

	





	

		

			

				
					
微信小程序定位--获取经纬度城市街道等位置信息

				
			

			

				

					03-29
				

			

		

		

			
				
请先看微信小程序关于定位的API：...可以看到：小程序只提供了一个获取地理位置、速度的api，并没有关于地位位置的信息等，因此需要借助一些第三方的api来实现。 实现方法一：百度地图API 1.登录百度开放平台ht

			
		

	





	

		

			

				
					
js实现根据经纬度显示地理位置

				
			

			

				

					03-09
				

			

		

		

			
				
根据经纬度显示地理位置，反地址解析

			
		

	





	

		

			

				
					
天地图根据经纬度获取地址信息

				
			

			

				

					cdxiaobei的博客
				

				

					03-25
					
					5524
					
				

			

		

		

			
				
$.ajax({
       url:"https://api.tianditu.gov.cn/geocoder",
       type: 'GET',
       contentType:"application/json;charset=utf-8",
       data:{
      ...

			
		

	





	

		

			

				
					
微信小程序根据经纬度获取位置信息

				
			

			

				

					weixin_42892407的博客
				

				

					08-16
					
					2397
					
				

			

		

		

			
				
var QQMapWX = require(’…/…/utils/qqmap-wx-jssdk.js’);
getLocation: function() {
var that = this;
var locationString = wx.getStorageSync(“latitude”) + “,” + wx.getStorageSync(“longitude”);
wx.request({...

			
		

	





	

		

			

				
					
根据经纬度显示地图轨迹

				
			

			

				

					weixin_43705952的博客
				

				

					11-07
					
					1613
					
				

			

		

		

			
				
后端代码
public boolean saveCarGPSData(CarGPSReqVo carGPSReqVo) {
        Map<String,String> params=new HashMap<>(2);
        params.put("key",trsConfig.getCarGPS_key());
        params.put("coorType",carGPSReqVo.getCoorType());
        params.put(

			
		

	





	

		

			

				
					
小程序根据经纬度获取地址

				
			

			

				

					黄啊码
				

				

					04-30
					
					596
					
				

			

		

		

			
				
//已知的经纬度
        var latitude = this.data.latitude;
        var longitude = this.data.longitude 
        var key = 'FK4BZ-VQSCK-XQGJQ-AUH4M-MXST3-OLFQQ' //写自己申请的key
    wx.getLocation({
          success: function (res) {
            wx.request({...

			
		

	





	

		

			

				
					
Python根据经纬度在地图上显示（folium详解）

				
			

			

				

					算法工程师
				

				

					05-27
					
					6502
					
				

			

		

		

			
				
Python根据经纬度在地图上显示（folium）

			
		

	





	

		

			

				
					
vue 项目使用通过经纬度显示地图

				
			

			

				

					weixin_41127362的博客
				

				

					05-12
					
					1344
					
				

			

		

		

			
				
传入经纬度和缩放值


<template>
  <baidu-map
      class="bm-view"
      ak='wV9oGUUNbPnvGpNVruQt5KbccvWjTXIo'
      :scroll-wheel-zoom="true"
      :center="center"
      :zoom="zoom"
      @ready="handler"
  >
    <bm-marker :position="center" :d..

			
		

	





	

		

			

				
					
百度地图开放平台——根据经纬度显示当前位置信息

				
			

			

				

					weixin_56004744的博客
				

				

					08-31
					
					716
					
				

			

		

		

			
				
【代码】百度地图开放平台——根据经纬度显示当前位置信息。

			
		

	





	

		

			

				
					
微信小程序实现获取经纬度及地图功能解析

				
			

			

				

					
				

			

		

		

			
				
"微信小程序开发教程：获取用户...微信小程序通过提供一系列地理定位和地图相关的API，使得开发者能够轻松地构建与地理位置紧密相关的应用功能。通过理解并熟练运用这些接口，你可以创建出更加丰富、实用的小程序体验。

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		
评论 2

	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值