注册登录
HiShop / Hi小程序 / 小程序热门 /

微信小程序选取搜索地点并且显示

2018-09-21
导读：微信小程序选取搜索地点并且显示，使用时，你也许会配合它：腾讯地图路线规划 ...

演示如下，使用时，你也许会配合它：腾讯地图路线规划

 

wxml:

 


    
	
  1. 
		1 <view class='address' bindtap='onChangeAddress'>
    2. 
	
  2. 
		2 <input class='choose-address' placeholder='请选取地点' value='{{chooseAddress}}'></input>
    3. 
	
  3. 
		3 </view>
    4. 




	wxss:



	 




    
	
  1. 
		1 .choose-address{
    2. 
	
  2. 
		2 border: 1px solid #000;
    3. 
	
  3. 
		3 }
    4. 




	js



	 




    
	
  1. 
		1 Page({
    2. 
	
  2. 
		2 data: {
    3. 
	
  3. 
		3
    4. 
	
  4. 
		4 },
    5. 
	
  5. 
		5 //移动选点
    6. 
	
  6. 
		6 onChangeAddress: function() {
    7. 
	
  7. 
		7 var _page = this;
    8. 
	
  8. 
		8 wx.chooseLocation({
    9. 
	
  9. 
		9 success: function(res) {
    10. 
	
  10. 
		10 _page.setData({
    11. 
	
  11. 
		11 chooseAddress: res.name
    12. 
	
  12. 
		12 });
    13. 
	
  13. 
		13 },
    14. 
	
  14. 
		14 fail: function(err) {
    15. 
	
  15. 
		15 console.log(err)
    16. 
	
  16. 
		16 }
    17. 
	
  17. 
		17 });
    18. 
	
  18. 
		18 }
    19. 
	
  19. 
		19 });
    20. 




      
     
第二部分：如何开通一个小商店

      
  



    

        
    
    
   

  
  
  


        

        

            
您可能感兴趣: 小程序开发小程序地图

            

            上一篇：同程艺龙小程序登上小程序榜首，看同程艺龙如何玩转微信生态 
            下一篇：小程序 lazy-load 不生效的问题              
            

        
  
        
  






  

        
重磅推荐：小程序开店目录

   


     
第一部分：小商店是什么

     
      
第二部分：如何开通一个小商店

      

     
第三部分：如何登录小商店

      
     
第四部分：开店任务常见问题

      
     
第五部分：小商店可以卖什么

      
     
第六部分：HiShop小程序特色功能

     
     
第七部分：小程序直播

     
     
第八部分：小程序收货/物流

     
     
第九部分：小程序怎么结算

     
     
第十部分：小程序客服

     
         
第十一部分：电商创业

     
   
第十二部分：小程序游戏开发

     
   
  
        
  


 








    

        

            
关于我们

            

                公司简介
                新闻动态
                团队风采
                企业荣誉
                联系我们
            

        

        

            
权威认证

            

                软件企业编号：湘RQ-2020-0121

                高新技术企业编号：GR201943001058

                软件产品编号：RC-2016-0479

                ISO9000证书：ISCC20Q0289R0S

                软著：2006SR09906   2009SR047196
            

        

        

            
产品&服务

            

                裂变+SCRM系统
                社区团购系统
                销客多微分销
                全渠道商城
                友数新零售门店
                B2B订货系统
                多用户商城系统
                裂变营销玩法
                小程序商城
                源码定制服务
            

        

        

            
解决方案

            

                私域起盘服务
                酒企行业方案
                跨境电商方案
                APP开店方案
                分账解决方案
            

        

        

            
开店咨询热线

            

                
总部热线4006-089-731

                
北京公司4006-601-982

                
深圳公司4008-400-198

            

        

        

            免费试用
            
            - 关注官方公众号 -
        

    

    

        
        
    



	
	







	

	

		电话咨询
		微信咨询
		预约演示
		0元开店