javascript - 如何更改 ui 控件上的地图图块类型
问题描述
当我们初始化地图时,我们将基础层设置为“reduced.day”。
我们目前面临一个问题,当用户将地图类型从“map-view”更改为“satellite”并返回“map-view”时,图块更改为标准而不是“reduced.day”。
我查看了文档,但找不到任何关于如何防止该问题的提示。
所以我的问题是,如何使用 UI 控件将地图视图图块设置为减少天数。
非常感谢。
解决方案
我终于可以解决我的问题了。
解决方案是为每种地图类型传递具有请求的地图样式的自定义对象。
请参阅下面用于编辑地图控件的完整代码。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Here Custom Controlls</title>
<script src="http://js.api.here.com/v3/3.0/mapsjs-core.js" type="text/javascript" charset="utf-8"
></script>
<script src="http://js.api.here.com/v3/3.0/mapsjs-service.js" type="text/javascript" charset="utf-8"
></script>
<script src="http://js.api.here.com/v3/3.0/mapsjs-ui.js" type="text/javascript" charset="utf-8"
></script>
<link rel="stylesheet" type="text/css" href="http://js.api.here.com/v3/3.0/mapsjs-ui.css"
/>
</head>
<body>
<div id="map" style="height: 800px; width: 800px;"></div>
<script type="text/javascript" charset="utf-8">
//Initialize the Platform object:
const platform = new H.service.Platform({
app_id: {YOUR_APP_ID},
app_code: {YOUR_APP_CODE}
});
// Get the default map types from the Platform object:
const defaultLayers = platform.createDefaultLayers();
// Instantiate the map:
const map = new H.Map(
document.getElementById("map"),
defaultLayers.normal.map,
{
zoom: 10,
center: { lng: 13.4, lat: 52.51 }
}
);
const mapTileService = platform.getMapTileService({ type: "base" });
var reduce = mapTileService.createTileLayer(
"maptile",
"reduced.day",
256,
"png8"
);
map.setBaseLayer(reduce);
// Create the custom UI:
const ui = H.ui.UI.createDefault(
map,
{
...defaultLayers,
normal: {
map: reduce
}
},
"de-DE"
);
</script>
</body>
</html>
推荐阅读
- javascript - How to get data attributes of the clicked element on focusout
- flutter - 在 Flutter 中如何组织要翻译的消息?
- javascript - 单反斜杠到双反斜杠转换
- spring-boot - 持久层和业务逻辑层的区别
- racket - Dr Racket 问题中的错误。mymeber 中的未绑定标识符
- python - 循环遍历多维数组并根据条件过滤
- c++ - C ++没有适当的默认构造函数我迷路了
- pyaudio - pyaudio 生成空白 .wav 文件
- excel - 如何编写代码以从选择选项按钮中隐藏表格
- sql - 删除重复记录