如何使用高德地图按照关键字搜索并获取中心点

 时间:2024-10-12 01:15:13

1、第一步,创建静态页面auto.html,插入meta标签,用于设置设备限制和编码,如下图所示:

如何使用高德地图按照关键字搜索并获取中心点

2、第二步,引入高德地图相关的CSS和JavaScript文件,注意引入文件的先后顺序,如下图所示:

如何使用高德地图按照关键字搜索并获取中心点

3、第三步,为了展示地图,需要插入地图容器,在body插入高德地图div容器和关键字搜索框,需要设置地图容器的ID属性,如下图所示:

如何使用高德地图按照关键字搜索并获取中心点

4、第四步,编写创建地图js代码,还有根据关键字搜素的函数,设置地图放大级别,如下图所示:

如何使用高德地图按照关键字搜索并获取中心点

5、第五步,编写完毕后,在浏览器中预览页面,这时会展示一个地图以及地图上的输入框,用于输入关键亨蚂擤缚字,如下图所示:

如何使用高德地图按照关键字搜索并获取中心点

6、第六步,在关键字输入框中输入“湖北省武汉市”关键字,这时会查到包含这些关键的记录,如下图所示:

如何使用高德地图按照关键字搜索并获取中心点
  • 高德地图怎么标注自己的常用地址
  • 高德地图怎么标注新地点
  • 高德地图怎么标注地点
  • 高德地图如何标记位置
  • 高德地图怎么标记多个位置
  • 热门搜索
    五一劳动节手抄报图片 抗击冠状病毒手抄报 美丽的祖国手抄报 清明节手抄报简单漂亮 六一手抄报简单又好画 小学生爱国手抄报 书香伴我成长手抄报 关于鲁迅的手抄报 三年级环保手抄报 快乐成长手抄报内容