Hacktoberfest 2026：メンテナが10月に向けて印を付けた、オープンで初心者向けの issue。 Hacktoberfest の issue を見る

OpenStreetMap does not work on Wordpress.com

オープン
  • 何か問題がありますか？
#507 コメント 0 件 リアクション 0 件 担当者 0 名 GitHub で見る

まだ誰も着手していません。

評価

難易度
5/5
見積もり時間
1週間以上
初心者へのやさしさ
35/100
issue の種類
バグ
明瞭さ
説明が足りない
活発さ
活発
技術スタック
javascript
領域
frontend, web-dev

調査の方向性

まず、WordPress.com の embed block 内で OpenStreetMap basemap を使用した StoryMapJS を再現し、sandboxed iframe が 403 のタイルリクエストを生成することを確認します。StoryMapJS が null origin を検出するか、basemap を切り替えるか、閲覧者に通知するか、何もしないかを決定します。完了条件は、合意された動作と、埋め込まれた map が失敗しなくなったこと、またはユーザーに明確に通知することの検証です。

索引モデルが issue の本文から書いたものです。

説明

We've had a series of reports from people who use Wordpress.com that their map is filled with 403 blocked tiles.

Image

Wordpress.com does not allow iframe tags in the Custom HTML block; instead, storymaps must be embedded using the embed block, which constructs an iframe with the storymap URL. The constructed iframe has sandbox="allow-scripts" which prevents the referrer from being sent with the tile request, which is against OpenStreetMap's policy.

We cannot change the way that Wordpress handles embeds. For now, the workaround is to use a different basemap. The only no-cost basemap directly supported by StoryMapJS is "Cooper-Hewitt: Watercolor".

Users could also consider using Mapbox Studio or Stadia Maps, each of which have some no-cost options. Mapbox Studio's pay-as-you-go plan might never get to the point of costing money; Stadia's no-cost option is only available for non-commercial use. Of course, if you have access to some other "slippy map" URL, you could use that with the "custom" map type.

To consider: should StoryMapJS be updated to recognize when self.origin === "null" and the basemap is set to OpenStreetMap and

  • switch to another map
  • message the viewer (who may not be the author)
  • both
  • neither
主要言語
JavaScript
スター
250
フォーク
61
30日以内にマージされた PR はありません

環境構築

  • Dockerfile または Docker Compose ファイルあり
  • プルリクエストのテンプレートなし
  • コントリビューションガイドなし

はじめの一歩

  1. issue を最後まで読み、次にプロジェクトのコントリビューションガイドを読みます。
  2. 着手することを issue にコメントします — 二人が同じ作業をするのを防げます。
  3. リポジトリをフォークし、ブランチを切って変更します。
  4. issue 番号を参照したプルリクエストを送ります。

NUKnightLab/StoryMapJS のほかの issue

NUKnightLab/StoryMapJS の issue をすべて見る

似ている issue

JavaScript の issue をもっと見る

新しい issue をメールで受け取る

初心者向けの GitHub issue を短くまとめたダイジェスト。