注冊登錄

微信小程序選取搜索地點并且顯示

2018-09-21
導(dǎo)讀：微信小程序選取搜索地點并且顯示，使用時，你也許會配合它：騰訊地圖路線規(guī)劃 ...

演示如下，使用時，你也許會配合它：騰訊地圖路線規(guī)劃

 

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. 






    

        
    
    
   

  
  
  


        

          
        
  






  

        
重磅推薦：小程序開店目錄

   


     
第一部分：小商店是什么

     
      
第二部分：如何開通一個小商店

      

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

      
     
第四部分：開店任務(wù)常見問題

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

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

     
     
第七部分：小程序直播

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

     
     
第九部分：小程序怎么結(jié)算

     
     
第十部分：小程序客服

     
         
第十一部分：電商創(chuàng)業(yè)

     
   
第十二部分：小程序游戲開發(fā)

     
   
  
        
  


 







	
	







	

	

		電話咨詢
		微信咨詢
		預(yù)約演示
		0元開店