高德地图之输入关键字选取地点

陈新月-Phyllis

于 2018-09-16 20:10:21 发布

阅读量2.5k

点赞数

CC 4.0 BY-SA版权

分类专栏： ▲项目成长▼ # 实战项目 ♠个人小札♥ # JavaScript 文章标签：高德地图

本文链接：https://blog.youkuaiyun.com/csxypr/article/details/82728936

本文介绍如何在项目中集成高德地图接口，实现在输入地址时获取地图提示的功能。首先需要在高德地图接口官网申请Key值，然后参照POI搜索和POI选点的资料进行实践操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

因为小咸儿最近做一个项目，项目中有一个业务是在写入地址时可以获取到地图中给出的提示，已填写自己的地址。

主要利用的还是高德地图接口，十分的方便，在此特地将代码贴出来：

首先第一点就是要去高德接口的网址上申请一个Key值，这样才可以使用高德地图上的接口。

高德地图接口

<!doctype html>
<html lang="zh-CN">

<head>
    <!-- 原始地址：//webapi.amap.com/ui/1.0/ui/misc/PoiPicker/examples/index.html -->
    <base href="http://webapi.amap.com/ui/1.0/ui/misc/PoiPicker/examples/" />
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no, width=device-width">
    <title>输入框选择POI点</title>
    <style>
    html,
    body,
    #container {
        width: 100%;
        height: 1

最低0.47元/天解锁文章