<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>Add a raster tile source</title>
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<script src="https://api.mapbox.com/mapbox-gl-js/v1.9.1/mapbox-gl.js"></script>
<link rel="stylesheet" />
<style>
body {
margin: 0;
padding: 0;
}
#map {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
mapboxgl.accessToken = '<your access token here>';
var map = new mapboxgl.Map({
container: 'map', // container id
style: {
'version': 8,
'sources': {
'raster-tiles': {
'type': 'raster',
'tiles': [
'http://localhost:3001/map/google/{z}/{x}/{y}.png'
],
// 'tileSize': 256,
'attribution':
'Map tiles by <a target="_top" rel="noopener" >Stamen Design</a>, under <a target="_top" rel="noopener" >CC BY 3.0</a>. Data by <a target="_top" rel="noopener" >OpenStreetMap</a>, under <a target="_top" rel="noopener" >CC BY SA</a>'
}
},
'layers': [
{
'id': 'simple-tiles',
'type': 'raster',
'source': 'raster-tiles',
'minzoom': 0,
'maxzoom': 22
}
]
},
center: [113.23, 23.130], // starting position
zoom: 9 // starting zoom
});
</script>
</body>
</html>
Mapbox
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門，熙熙樓的掌柜王于貴愁眉苦臉地迎上來删壮，“玉大人贪绘，你說我怎么就攤上這事⊙氲” “怎么了税灌？”我有些...
- 文/不壞的土叔 我叫張陵，是天一觀的道長。 經(jīng)常有香客問我菱涤，道長苞也，這世上最難降的妖魔是什么？ 我笑而不...
- 正文 為了忘掉前任粘秆，我火速辦了婚禮如迟，結(jié)果婚禮上，老公的妹妹穿的比我還像新娘攻走。我一直安慰自己殷勘，他們只是感情好，可當我...
- 文/花漫 我一把揭開白布昔搂。 她就那樣靜靜地躺著劳吠，像睡著了一般。 火紅的嫁衣襯著肌膚如雪巩趁。 梳的紋絲不亂的頭發(fā)上痒玩，一...
- 文/蒼蘭香墨 我猛地睜開眼炉菲，長吁一口氣：“原來是場噩夢啊……” “哼堕战！你這毒婦竟也來了？” 一聲冷哼從身側(cè)響起拍霜，我...
- 正文 年R本政府宣布嘶窄，位于F島的核電站，受9級特大地震影響距贷，放射性物質(zhì)發(fā)生泄漏柄冲。R本人自食惡果不足惜，卻給世界環(huán)境...
- 文/蒙蒙 一忠蝗、第九天 我趴在偏房一處隱蔽的房頂上張望现横。 院中可真熱鬧，春花似錦阁最、人聲如沸戒祠。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽姜盈。三九已至，卻和暖如春配阵，著一層夾襖步出監(jiān)牢的瞬間馏颂，已是汗流浹背。 一陣腳步聲響...
