H5页面插入地图导航，在生活中非常常见，例如在各种活动介绍页面，插入地图导航后，可以方便用户查看具体的活动地点，还能直接在页面上一键导航到活动现场。

H5页面如何添加地图导航？

微助快搭平台的H5页面制作工具提供了丰富的页面元素组件，其中就包含地图导航组件，运营者可以在页面中添加组件后，在页面上展示地址的地图 图片和一键导航到店，制作方法也非常简单，让我们一块来看看吧。

第一步：进入微助快搭后台，选择【页面管理】，新增页面，填写页面的名称，保存后完成页面添加。选择创建好的页面，点击设计按键，进入内容设计页面，如图

第二步：在页面设计的左侧菜单栏，选择【地图导航】组件，把组件添加到页面后，在右侧的组件属性里，选择坐标管理，在弹出的地图上输入门店的地址后，定位门店坐标，如图

在地图组件属性里填写门店的名称、电话、地址，保存。如果有多个地点需要地图导航，可以添加多个地图导航组件，并填写相应的组件信息。

第三步：选择创建好的页面，点击浏览，系统会自动弹出页面的链接和二维码，使用微信打开链接或者二维码，进入页面，查看门店的位置或者直接导航到店，页面效果图如下图所示：