今天吃罗非鱼 2021-04-27 17:27 采纳率: 62.5%
浏览 45

高德JS API使用问题

今天在使用HBuilderX学习过程中碰到了个问题，在使用高德JS API开发的过程中，使用使用Autocomplete进行联想输入的时候，输入的内容无法进行联想。

 

求救各位大佬，实在不知道是啥问题。

  • 写回答

3条回答 默认 最新

  • CSDN专家-Time 2021-04-27 17:29
    关注

    我找一下api

    https://lbs.amap.com/api/javascript-api/guide/services/autocomplete#autocomplete

    你f12 debug看一下报什么错

    <!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, width=device-width">
    <title>输入提示</title>
    <link rel="stylesheet" href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-center.css" />
    <style>
        html,
        body,
        #container {
          width: 100%;
          height: 100%;
        }
    </style>
</head>
<body>
<div id="container"></div>
<div class="info">
    <div class="input-item">
      <div class="input-item-prepend">
        <span class="input-item-text" style="width:8rem;">请输入关键字</span>
      </div>
      <input id='tipinput' type="text">
    </div>
</div>

<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=您申请的key值&plugin=AMap.Autocomplete"></script>
<script type="text/javascript" src="https://cache.amap.com/lbs/static/addToolbar.js"></script>
<script type="text/javascript">
    var map = new AMap.Map("container", {
        resizeEnable: true
    });
    //输入提示
    var auto = new AMap.Autocomplete({
        input: "tipinput"
    });
</script>
</body>
</html>
    评论

报告相同问题？