HERE 地图控制设计答案

【问题标题】：HERE map controls designHERE 地图控制设计
【发布时间】：2021-04-17 03:58:47
【问题描述】：

我正在使用 HERE maps API for javascript，但我想更改地图控件的设计，如下所示：

我附上了一个例子

HERE EXAMPLE

有可能吗？

【问题讨论】：

欢迎来到 SO！请阅读stackoverflow.com/help/how-to-ask。添加您自己的努力，例如编码方法和文档研究。

标签： javascript css maps here-api

【解决方案1】：

绝对是的，我不确定您使用的是什么库和平台，但这里有一些选项：

如果您使用“HERE Maps API for Javascript”，请参考https://developer.here.com/documentation/maps/3.1.24.0/dev_guide/topics/map-controls-ui.html，并搜索关键字“管理UI控件的位置”，演示代码如下：

var mapSettings = ui.getControl('mapsettings');
var zoom = ui.getControl('zoom');
var scalebar = ui.getControl('scalebar');

mapSettings.setAlignment('top-left');
zoom.setAlignment('top-left');
scalebar.setAlignment('top-left');

如果你是用它的移动端SDK（https://developer.here.com/products/here-sdk）开发的，它有SDK的文档，上面有类似的描述，请查看。

任何其他开源库，例如 OpenLayers、Leaflets 等。最好的方法是修改其 CSS 文件以获得所需的位置。

【讨论】：

感谢您的帮助，但我正在寻找类似于我在问题中附加的图片的内容，您知道这是否可能吗？
抱歉，我没有尝试使用“Here Maps API”，但这对 OpenLayers 和 Leaflets 来说很容易。我认为“Here Maps”没有任何区别。没有任何SDK有这些控件，唯一的办法就是自己创建这些“图像按钮”，而是调用相应的API来切换“地图的基础层”或“放大/缩小”。