效果图
首先添加移动端Meta
<Meta name="vIEwport" content="initial-scale=1.0,user-scaleble=no,wIDth=device-wIDth">
<!DOCTYPE HTML>HTML lang="en"head> charset="UTF-8"Title>map</script type="text/JavaScript" src="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.Driving,AMap.autocomplete"></script> style> *{margin:0;paddingList-style none} bodybackground-color red #container wIDth100% height 80%top10%leftposition absolute; #searchheight #fff #iptborder1px solID} bodydiv ID="container"div="search"> input ="text" ID="ipt"button ="btn">导航button> > var map=new AMap.Map("container,{ zoom:11 }); // 添加自动补全功能 AMap.autocomplete({ input:ipt }) btn.onclickfunction(){ 使用插件 AMap.Driving({ map:map }).search([ {keyword:ipt.value,city:宁波},{keyword:宁波大剧院婚礼位置 ],(status,data){ console.log(data); }); } > HTML>
总结
以上是内存溢出为你收集整理的高德地图API实例--移动端婚礼请帖全部内容，希望文章能够帮你解决高德地图API实例--移动端婚礼请帖所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）