<!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)牢的瞬間馏颂,已是汗流浹背。 一陣腳步聲響...