zawa11
commented
1 year ago
座標は違うのに、なぜか位置が移動しない
Open zawa11 opened 1 year ago
zawa11
commented
1 year ago
座標は違うのに、なぜか位置が移動しない
zawa11
commented
1 year ago 座標が違うのに行ったり来たりする
zawa11
commented
1 year ago zawa11
commented
1 year ago var config = {
style: 'mapbox://styles/mapbox/streets-v11',
accessToken: 'pk.eyJ1IjoiemF3YXRhaXl1IiwiYSI6ImNsbXBzaTE2czB3M3MybG85N2Y5NDMwMmQifQ.rRQz5n8yD6Nhw04dbf2c2Q',
showMarkers: true,
markerColor: '#3FB1CE',
//projection: 'equirectangular',
//Read more about available projections here
//https://docs.mapbox.com/mapbox-gl-js/example/projections/
inset: true,
theme: 'dark',
use3dTerrain: false, //set true for enabling 3D maps.
auto: false,
title: 'モーゼが石川に辿り着いた時',
subtitle: 'モーゼは40年の歳月をかけユダヤの民衆をイスラエルの地へ導いた後、シナイ山に登りました。そこから不思議な「天浮船」に乗ったモーセは能登宝達山にたどり着き、583歳までの余生を石川で過ごしたとされているそうです。そこで、石川に辿り着いたモーゼは一体、どこに行ったのか。気になりますよね？以下のストーリーテリングにてご紹介します。',
byline: 'By チームB しおり たいゆう',
footer: 'Source: source citations, etc.
Created using Mapbox Storytelling template.',
chapters: [
{
id: 'slug-style-id',
alignment: 'left',
hidden: false,
title: 'とりあえず1番モーゼっぽいところからスタート！！',
image: 'https://user-images.githubusercontent.com/106800258/271775935-878d7e77-5811-4229-b8ef-755d32d6fe25.PNG',
description: '長く続いたコロナ禍や地震、豪雨災害を乗り越え、皆が活力を取り戻すために。いしかわ百万石文化祭・新幹線開業・世界ジオパークなど皆で盛り上げるために。オール石川のチジョウエール、ONE TEAMを描きます。',
location: {
center: [137.24860, 37.39471],
zoom: 16.00,
pitch: 45.00,
bearing: -40.00
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [
// {
// layer: 'layer-name',
// opacity: 1,
// duration: 5000
// }
],
onChapterExit: [
// {
// layer: 'layer-name',
// opacity: 0
// }
]
},
{
id: 'third-identifier',
alignment: 'left',
hidden: false,
title: '能登町のイカキングのモニュメント',
image: 'https://user-images.githubusercontent.com/106800258/271774514-045546f1-efcb-4188-bba2-713b27f3c0d4.jpg',
description: '日本有数のイカ釣り漁港がある能登町。漁港のそばの巨大モニュメント、イカキングは一躍話題となりました。日本百景に選ばれた九十九湾など風光明媚な里山里海を駆け巡り、能登町に巨大イカキングを描きます。【モーゼが訪れる理由：地域のシンボルともいえる場所から旅を始め、地元の文化を学ぶため。】',
location: {
center: [137.23047, 37.31226],
zoom: 16.00,
pitch: 45.00,
bearing: 0.00
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [],
onChapterExit: []
},
{
id: 'slug-style-id',
alignment: 'left',
hidden: false,
title: '珠洲市の見附島',
image: 'https://user-images.githubusercontent.com/106800258/271774442-5fd83f57-d785-48d5-8813-c921dfad2ff9.jpg',
description: '2023年5月、大きな震災にあった珠洲。夏にはトライアスロン珠洲、秋には奥能登国際芸術祭が数年ぶりに開催されます。スポーツとアートの力、そしてみんなの強い気持ちと団結で乗り越えていきましょう。がんばろうスズ【モーゼが訪れる理由：天然の美しさを感じ、神の創造を賞賛するため。】',
location: {
center: [137.24673, 37.39645],
zoom: 16.74,
pitch: 45.00,
bearing: 0.00
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [
// {
// layer: 'layer-name',
// opacity: 1,
// duration: 5000
// }
],
onChapterExit: [
// {
// layer: 'layer-name',
// opacity: 0
// }
]
},
{
id: 'third-identifier',
alignment: 'left',
hidden: false,
title: '珠洲市の猿の顔に似ている海岸線',
image: 'https://user-images.githubusercontent.com/106800258/271774465-d29adf58-b737-46b0-ab00-10f5e836c2df.jpg',
description: '奥能登には猿にまつわる伝説・伝承が多数残っています。そして珠洲の海岸線は猿の顔そのもの。激坂の山越え、趣の異なる外浦と内浦の海岸線、風情ある珠洲の街並みとバリエーションに富んだコースになっています。【モーゼが訪れる理由：自然のユニークな創造物を目の当たりにし、神の力を感じるため。】',
location: {
center: [137.25680, 37.52778],
zoom: 16.00,
pitch: 45.00,
bearing: 0.00
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [],
onChapterExit: []
},
{
id: 'slug-style-id',
alignment: 'left',
hidden: false,
title: '輪島市の輪島漆芸美術館',
image: 'https://user-images.githubusercontent.com/106800258/271774567-12f2e0d3-7bc3-4822-8566-c115a14a870c.jpg',
description: '輪島漆芸美術館のゆるキャラ、わんじま。輪島塗のお椀がモチーフです。輪島漆芸美術館をスタートし、輪島塗スポットや輪島の朝市など観光名所を巡りながら出来上がったアートは、手に輪島塗のお箸を持ったわんじまです。【モーゼが訪れる理由：地元の伝統芸術を尊重し、文化の理解を深めるため。】',
location: {
center: [136.89252, 37.38975],
zoom: 16.00,
pitch: 45.00,
bearing: 0.00
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [
// {
// layer: 'layer-name',
// opacity: 1,
// duration: 5000
// }
],
onChapterExit: [
// {
// layer: 'layer-name',
// opacity: 0
// }
]
},
{
id: 'third-identifier',
alignment: 'left',
hidden: false,
title: '',
image: '',
description: '',
location: {
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [],
onChapterExit: []
},
{
id: 'slug-style-id',
alignment: 'left',
hidden: false,
title: '',
image: '',
description: '',
location: {
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [
// {
// layer: 'layer-name',
// opacity: 1,
// duration: 5000
// }
],
onChapterExit: [
// {
// layer: 'layer-name',
// opacity: 0
// }
]
},
{
id: 'third-identifier',
alignment: 'left',
hidden: false,
title: '',
image: '',
description: '',
location: {
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [],
onChapterExit: []
},
]};
zawa11
commented
1 year ago var config = {
style: 'mapbox://styles/mapbox/streets-v11',
accessToken: 'pk.eyJ1IjoiemF3YXRhaXl1IiwiYSI6ImNsbXBzaTE2czB3M3MybG85N2Y5NDMwMmQifQ.rRQz5n8yD6Nhw04dbf2c2Q',
showMarkers: true,
markerColor: '#3FB1CE',
//projection: 'equirectangular',
//Read more about available projections here
//https://docs.mapbox.com/mapbox-gl-js/example/projections/
inset: true,
theme: 'dark',
use3dTerrain: false, //set true for enabling 3D maps.
auto: false,
title: 'モーゼが石川に辿り着いた時',
subtitle: 'モーゼは40年の歳月をかけユダヤの民衆をイスラエルの地へ導いた後、シナイ山に登りました。そこから不思議な「天浮船」に乗ったモーセは能登宝達山にたどり着き、583歳までの余生を石川で過ごしたとされているそうです。そこで、石川に辿り着いたモーゼは一体、どこに行ったのか。気になりますよね？以下のストーリーテリングにてご紹介します。',
byline: 'By チームB しおり たいゆう',
footer: 'Source: source citations, etc.
Created using Mapbox Storytelling template.',
chapters: [
{
id: 'slug-style-id',
alignment: 'left',
hidden: false,
title: 'とりあえず1番モーゼっぽいところからスタート！！',
image: 'https://user-images.githubusercontent.com/106800258/271775935-878d7e77-5811-4229-b8ef-755d32d6fe25.PNG',
description: '長く続いたコロナ禍や地震、豪雨災害を乗り越え、皆が活力を取り戻すために。いしかわ百万石文化祭・新幹線開業・世界ジオパークなど皆で盛り上げるために。オール石川のチジョウエール、ONE TEAMを描きます。',
location: {
center: [137.24860, 37.39471],
zoom: 16.00,
pitch: 45.00,
bearing: -40.00
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [
// {
// layer: 'layer-name',
// opacity: 1,
// duration: 5000
// }
],
onChapterExit: [
// {
// layer: 'layer-name',
// opacity: 0
// }
]
},
{
id: 'third-identifier',
alignment: 'left',
hidden: false,
title: '能登町のイカキングのモニュメント',
image: 'https://user-images.githubusercontent.com/106800258/271774514-045546f1-efcb-4188-bba2-713b27f3c0d4.jpg',
description: '日本有数のイカ釣り漁港がある能登町。漁港のそばの巨大モニュメント、イカキングは一躍話題となりました。日本百景に選ばれた九十九湾など風光明媚な里山里海を駆け巡り、能登町に巨大イカキングを描きます。【モーゼが訪れる理由：地域のシンボルともいえる場所から旅を始め、地元の文化を学ぶため。】',
location: {
center: [137.23047, 37.31226],
zoom: 16.00,
pitch: 45.00,
bearing: 0.00
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [],
onChapterExit: []
},
{
id: 'slug-style-id',
alignment: 'left',
hidden: false,
title: '珠洲市の見附島',
image: 'https://user-images.githubusercontent.com/106800258/271774442-5fd83f57-d785-48d5-8813-c921dfad2ff9.jpg',
description: '2023年5月、大きな震災にあった珠洲。夏にはトライアスロン珠洲、秋には奥能登国際芸術祭が数年ぶりに開催されます。スポーツとアートの力、そしてみんなの強い気持ちと団結で乗り越えていきましょう。がんばろうスズ【モーゼが訪れる理由：天然の美しさを感じ、神の創造を賞賛するため。】',
location: {
center: [137.24673, 37.39645],
zoom: 16.74,
pitch: 45.00,
bearing: 0.00
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [
// {
// layer: 'layer-name',
// opacity: 1,
// duration: 5000
// }
],
onChapterExit: [
// {
// layer: 'layer-name',
// opacity: 0
// }
]
},
{
id: 'third-identifier',
alignment: 'left',
hidden: false,
title: '珠洲市の猿の顔に似ている海岸線',
image: 'https://user-images.githubusercontent.com/106800258/271774465-d29adf58-b737-46b0-ab00-10f5e836c2df.jpg',
description: '奥能登には猿にまつわる伝説・伝承が多数残っています。そして珠洲の海岸線は猿の顔そのもの。激坂の山越え、趣の異なる外浦と内浦の海岸線、風情ある珠洲の街並みとバリエーションに富んだコースになっています。【モーゼが訪れる理由：自然のユニークな創造物を目の当たりにし、神の力を感じるため。】',
location: {
center: [137.25680, 37.52778],
zoom: 16.00,
pitch: 45.00,
bearing: 0.00
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [],
onChapterExit: []
},
{
id: 'slug-style-id',
alignment: 'left',
hidden: false,
title: '輪島市の輪島漆芸美術館',
image: 'https://user-images.githubusercontent.com/106800258/271774567-12f2e0d3-7bc3-4822-8566-c115a14a870c.jpg',
description: '輪島漆芸美術館のゆるキャラ、わんじま。輪島塗のお椀がモチーフです。輪島漆芸美術館をスタートし、輪島塗スポットや輪島の朝市など観光名所を巡りながら出来上がったアートは、手に輪島塗のお箸を持ったわんじまです。【モーゼが訪れる理由：地元の伝統芸術を尊重し、文化の理解を深めるため。】',
location: {
center: [136.89252, 37.38975],
zoom: 16.00,
pitch: 45.00,
bearing: 0.00
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [
// {
// layer: 'layer-name',
// opacity: 1,
// duration: 5000
// }
],
onChapterExit: [
// {
// layer: 'layer-name',
// opacity: 0
// }
]
},
{
id: 'third-identifier',
alignment: 'left',
hidden: false,
title: '',
image: '',
description: '',
location: {
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [],
onChapterExit: []
},
{
id: 'slug-style-id',
alignment: 'left',
hidden: false,
title: '',
image: '',
description: '',
location: {
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [
// {
// layer: 'layer-name',
// opacity: 1,
// duration: 5000
// }
],
onChapterExit: [
// {
// layer: 'layer-name',
// opacity: 0
// }
]
},
{
id: 'third-identifier',
alignment: 'left',
hidden: false,
title: '',
image: '',
description: '',
location: {
},
mapAnimation: 'flyTo',
rotateAnimation: false,
callback: '',
onChapterEnter: [],
onChapterExit: []
},
]};