小程序宫格是显示在首页的图标区,点击可以跳转到对应页面
在参数设置---基础设置里面,可以设置首页宫格图标样式和数量
勾选分类图标,那么则是拉取服务项目一级分类的图标和链接
首选,在参数设置---基础设置里面,设置首页宫格图标样式勾选为自定义宫格
然后点击左侧列表的小程序宫格,点击添加按钮,添加宫格
设置跳转链接选择内部跳转时,在后台上一个页面的入口页面,复制小程序各页面链接
init() {
const AMap = window.AMap;
const map = new AMap.Map("container", {
mapStyle: "amap://styles/57e4cee92721bca404c743b14c9882fa",
center: [116.39, 39.9],
zoom: 11
});
let list = [
{
position: [116.39, 39.9],
title: "北京"
},
{
position: [117.210391, 39.093791],
title: "天津"
}
];
let markers = [];
list.forEach((item) => {
let marker = new AMap.Marker(item);
marker.setLabel({
offset: new AMap.Pixel(4, 4), //设置文本标注偏移量
content: `<div class='info'>${item.title}</div>`, //设置文本标注内容
direction: "right" //设置文本标注方位
});
markers.push(marker);
});
// 将创建的点标记添加到已有的地图实例:
map.add(markers);
//地图自适应居中
map.setFitView();
}