高德地图HTML页面使用问题
地图出来了，输入提示不显示，我错哪了？
我看了F12，amap-sug-result这个元素里面没有值。官网的就有值。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<title></title>
<link rel="stylesheet" type="text/css" href="css/base.css"/>
<link rel="stylesheet" type="text/css" href="css/map.css"/>
<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=cb9f748696a3aaa09517d95a745c2a31"></script>
<!-- <script type="text/javascript" src="http://cache.amap.com/lbs/static/addToolbar.js"></script> -->
</head>
<body>
<div class="map">
<div class="top">
<div class="topbox">
<div class="back" @click="RUN.gp_navigateBack()">
<img class="back_ico" src="./img/ico_back.png"/>
</div>
<text class="title">地图位置</text>
<div class="add" @click="saveF">
保存
</div>
</div>
</div>
<div class="search">
<img class="pic" src="./img/ico_search.png"/>
<input id="keyword" class="input" type="text" placeholder="搜索" />
<div id="output"></div>
</div>
<div class="mymap" id="mymap"></div>
</div>
<script>
$(function(){
var map = new AMap.Map("mymap", {
resizeEnable: true
});
AMap.plugin(["AMap.Autocomplete","AMap.PlaceSearch", "AMap.Geocoder"], function(){
var autoOptions = {
input: "keyword"
};
var autocomplete = new AMap.Autocomplete(autoOptions);
autocomplete.search("111",function(status, result){
console.log(status, result)
})
// AMap.event.addListener(autocomplete, "select", function(e){
// console.log(e)
// });
});
})
</script>
</body>
</html>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
我不知道你是不是想要这样效果，就是打印出来有111的返回json串。
把你的高德key检查一下，出地图是没问题。
就是高德api控制台里面，配置应用配置的时候，你检查下【服务平台】、【可使用服务】根据你的需求配置好。