高德地图开发之输入框内伴随地址的输入，动态给出地址选择提示

一、先看效果图：

二、开发流程介绍之高德地图key(地图秘钥生成)值：
  1.登录高德开放平台 | 高德地图API    ：https://lbs.amap.com/

   2.账号密码登录：

3.登录完成后点击创建新应用按钮：

4.开始创建应用：

5.添加新key(密钥):

6.获取生成的新key值:

       提示：如果你能顺利生成最终的秘钥，恭喜你准备工作已经完成。

三、代码截图：

   HTML部分：

css代码部分：

js代码部分：

四、手写代码粘贴：

 


    
 
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
   
   
     
   
     

       

             

活动地点：

 
         

       

                         

                             

                          aria-labelledby="myModalLabel" style="position:fixed;top:0%;">
                            

                                  

                                    
                                      

                                        

                                            

 
                                            

设置地点

 
                                            

确定

                                        

                       
                                      

                                                        
                                    

                                        
                                        

                                            
                                            
                                        

                                        
                                        

                                            

                                                

                                                

 
                                            

                                        

                                            
                                    

                                  

                            

 
                        

                         

    

五、要点提示：

      1.首先 地址填写的input 的，地址提示，要使用keyup（onkeyup)键盘按下事件，效果更佳。 2. ajax的 url:"https://restapi.amap.com/v3/assistant/inputtips?keywords="+palceS+"&key="+"f813d0b9a2b32f92058036772b42ee34",

https://restapi.amap.com/v3/assistant/inputtips? 默认填写，调用高德地图。keywords参数是input框输入的内容。key是准备阶段获取的秘钥key。

高德地图接口详情，详情点击 https://lbs.amap.com/api/webservice/guide/api/inputtips/

 

 

提示：本代码可以直接复制粘贴使用，前提是正确引用jquery.js等插件库。样式于水平有限，请见谅。本文档仅供初学者或首次开发者提供 参考。如代码有错误之处，请见谅。如果有更好的开发经验，感谢回复。谢谢观看！！！；