高德地图模糊查询---JavaScript API

最新推荐文章于 2024-08-09 18:31:39 发布

宇智波幽助

最新推荐文章于 2024-08-09 18:31:39 发布

阅读量1.3k

点赞数

分类专栏：地图开发文章标签：高德地图 api 搜索模糊搜索实现

本文链接：https://blog.csdn.net/yuzhiboyouzhu/article/details/78676775

版权

本文详细介绍了如何利用高德地图JavaScript API进行模糊搜索功能的实现，包括关键接口的调用、参数设置以及搜索结果的展示，帮助开发者在地图应用中集成高效的查询功能。

摘要由CSDN通过智能技术生成

<body>
    <div id="app">
        <div>
            <p><input type="text" v-model = 'search_address' id = 'address'></p>
            <p>输入的地址：{
  {search_address}}</p>
            <p>查询到的详细地址：{
  {formattedAddress}}</p>
            <p>lng：{
  {lng}}</p>
            <p>lat：{
  {lat}}</p>
        </div>
    </div>

    <!-- 这个地图一定要存在，删除就会报错 -->
    <div id="container" style="margin-top: 200px; width: 80%; height: 80%"></div>       

    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.2&key=你获取的JavaScriptAPI的key值&plugin=AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder"></script>
    <script type="text/javascript" src="http://cache.amap.com/lb