利用百度地图API实现输入框地址联想功能

阅读: 评论:0

利⽤百度地图API实现输⼊框地址联想功能
⽹上关于地址输⼊框联想⾃动补全的博⽂⼀⼤堆,开始我也是⽹上百度各种⽅法但是都没有成功,建议各位直接学习百度地图开放平台的官⽅API⽂档,下⾯给出百度地图开放平台的链接:
进⼊百度地图开放平台的官⽹后,选择查看你所需要的开发⽂档,想要实现⾃⼰的功能就耐⼼慢慢学习对应的开发⽂档吧,想要偷懒⼀点或者不太了解其他相关知识其实直接复制DEMO⽰例⾥⾯的源代码就可以实现给出的⽰例功能。
欧洲申根签证
下⾯我⾃⼰做的demo是⼀个⽹页中input标签输⼊框实现关键字地址联想功能,点击任意联想结果实现地址⾃动补全,截图如下:
我只在地址输⼊框写下了关键字“百度” ,然后就在这个输⼊框下⾯⾃动弹出联想结果⾯板。
HTML代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript" src="api.map.baidu/api?v=2.0&ak=4IU3oIAMpZhfWZsMu7xzqBBAf6vMHcoa"></script>
<!-- 参数ak=""是你的开发者密钥,在百度地图开放平台官⽹可免费获取 -->
</head>
<body>
湖南长沙岳麓山<div class="" id="">
<input id="suggestId" name="" type="text" class="" placeholder="请输⼊地址" required="required">
</div>
</body>
</html>济南有哪些好玩的地方旅游景点
<script type="text/javascript">
loadMapAutocomplete("suggestId");
function loadMapAutocomplete(mySuggestId) {
Ac = new BMap.Autocomplete( //建⽴⼀个⾃动完成的对象河北邢台疫情最新消息
{
"input": suggestId,
});
}
昨天济南出大事康辉旅行社加盟费多少</script>
我这个⼩demo⾮常简单直接,参考的是开发⽂档⾥⾯web开发的JavaScript API,每⼀个API⽂档⾥⾯都有很多⽰例DEMO。
地址联想功能参考的是输⼊提⽰⽰例demo,这⾥百度给出demo的源代码⽐较复杂。
实际上就单纯实现输⼊框的地址关键字联想功能⽽⾔,只需要我上⾯给出的⼏⾏代码就OK。想要详细了解百度地图开放给开发者的功能请各位耐⼼学习官⽅开发⽂档。
下⾯给出⼀个有价值的参考链接:

本文发布于:2023-08-11 02:17:39,感谢您对本站的认可!

本文链接:http://www.035400.com/whly/2/575317.html

版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,我们将在24小时内删除。

标签:百度   联想   地址   实现   功能   地图
留言与评论(共有 0 条评论)
   
验证码:
Copyright ©2024-2030 Comsenz Inc.Powered by © 文化旅游网 滇ICP备2022007236号-403 联系QQ:1103060800网站地图