现在您可以使用 Page Builder Sandwich 在页面设计中放置地图了!
为地图感到兴奋听起来有些奇怪。通常您只需复制 Google 地图网址然后嵌入即可。或者在网上找一个地图插件并填入短代码。又或者您使用的其他页面构建器已经自带了地图功能,您可以随时添加。但我们之所以兴奋,是因为我们将添加地图的体验提升到了一个全新的高度。
以下是预览:
过去添加地图的枯燥方式
以下是使用常规页面构建器添加地图的方式:
- 拖入一个新的地图元素,
- 在输入框中输入经纬度,
- 在输入框中输入其他数值,如地图高度、地图宽度、勾选道路样式复选框等,
- 点击预览查看效果,并决定需要修改某些内容让它看起来更酷,
- 返回页面构建器修改数值,然后重复上述步骤 4。
Page Builder Sandwich 添加地图的方式
网站中的地图具有交互性——您可以平移浏览、放大和缩小地图。因此我们想,为什么不摆脱所有的盲猜,让大家在构建页面的同时直接与地图进行交互呢?
以下是使用 Page Builder Sandwich 添加地图的方式:
- 添加一个地图元素,
- 输入您希望地图居中的经纬度或地址,
- 随意移动地图并放大或缩小以获得理想的外观,
- 为地图添加酷炫色彩以契合您的风格,
- 点击保存。
我们的方式更加有趣且直观。基本上,您可以像操作普通 Google 地图那样与它进行交互。
彩色地图或使用 SnazzyMaps 进行样式定制
我们加入的一项绝佳功能就是可以为地图着色和调整色调,而且操作极其简便。(此功能仅限高级版)。如果您想为地图上色,只需点击我们的颜色选择器并选择一种颜色,地图就会立即改变。
以下是一个我们调成粉色的示例:
Page Builder Sandwich 还支持通过 SnazzyMaps 使用更精致的配色方案。他们拥有海量由用户贡献的配色方案列表,如果您想要对颜色有更多掌控,也可以自行创建。
只需找到您喜欢的配色方案,复制代码并粘贴到 Page Builder Sandwich 中。该配色方案就会立即应用到您的地图上。
以下是一个很酷的配色方案,名为 来自 SnazzyMaps 的 papuportal dark:
随心所欲放置地图
您还可以利用地图实现更多酷炫效果——例如将它们添加到全宽行中以获得更震撼的视觉效果。如果您愿意,还可以将它们放在轮播图中,或者放在选项卡内(即将推出的功能)。
如果您还没有 Page Builder Sandwich,可以通过点击上方的“实时演示”链接.