天地图二,修改地图主题颜色,颜色可以随意定义。
天地图使用过程中,原官方文档中只支持map.setStyle的两种替换地图主题色,对项目的局限性很大。
这里采用的不是webGIS中openlayers的方式修改地图颜色,而是在设置基本主题后对页面进行强制修改主题色,下边是示例代码
//设置主题色
let example = document.getElementById("mapDiv");
example.style.backgroundColor = mColor;
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<meta name="keywords" content="天地图"/>
<title>天地图-地图API-范例-经纬度直投地图</title>
<script type="text/javascript" src=" https://code.jquery.com/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="http://api.tianditu.gov.cn/api?v=4.0&tk=您的密钥"></script>
<style type="text/css">body,html{width:100%;height:100%;margin:0;font-family:"Microsoft YaHei"}#mapDiv{width:100%;height:400px}input,b,p{margin-left:5px;font-size:14px}</style>
<script>
var map;
var zoom = 12;
function onLoad() {
map = new T.Map('mapDiv', {
projection: 'EPSG:4326'
});
map.centerAndZoom(new T.LngLat(116.40769, 39.89945), zoom);
}
window.onload = function() {
onLoad()
//设置主题色
let example = document.getElementById("mapDiv");
example.style.backgroundColor = mColor;
}
</script>
</head>
<body>
<div id="mapDiv"></div>
<p>本示例演示如何显示经纬度直投地图。</p>
</body>
</html>
原文地址:https://blog.csdn.net/adminuis/article/details/129666198
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如若转载,请注明出处:http://www.7code.cn/show_38802.html
如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱:suwngjj01@126.com进行投诉反馈,一经查实,立即删除!
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。