1、第一步,创建静态页面auto.html,插入meta标签,用于设置设备限制和编码,如下图所示:
2、第二步,引入高德地图相关的CSS和JavaScript文件,注意引入文件的先后顺序,如下图所示:
3、第三步,为了展示地图,需要插入地图容器,在body插入高德地图div容器和关键字搜索框,需要设置地图容器的ID属性,如下图所示:
4、第四步,编写创建地图js代码,还有根据关键字搜素的函数,设置地图放大级别,如下图所示:
5、第五步,编写完毕后,在浏览器中预览页面,这时会展示一个地图以及地图上的输入框,用于输入关键亨蚂擤缚字,如下图所示:
6、第六步,在关键字输入框中输入“湖北省武汉市”关键字,这时会查到包含这些关键的记录,如下图所示: