Mapを表示できるようになりました。Mapが表示できたら、上記で設定した座標にアイコン画像を表示させます。map(表示先)、position(座標)、icon(アイコン画像やサイズ)、title(マーカー文言)を設定することで、指定した座標にマーカーピンを表示することができます。画像はPNGやJPGなどを使用できますが、綺麗に表示させる為SVG形式の画像を読み込んでいます。CodePen.0このように地図上に現在地用のマーカー画像を表示することができました!しかし、現状だと表示している座標が手動で入力した座標(東京駅)になってしまいます。使ってマップ開発しよう!【JS】location.hashを使ってモーダルウィンドウを出し分けよう!この記事を書いた人Higemura高卒フロントエンジニア高校卒業後にHTMLやCSSなどから独学で勉強していき、高卒FE(フロントエンジニア)として都内でフリーランスで活動中。高卒でもWebエンジニアとして活躍できることを証明する為、初心者でもわかりやすいWeb制作ノウハウを発信しています。コメントをキャンセルメールアドレスが公開されることはありません。Mapを表示HTMLCSS(Sass)JavaScript指定座標に現在地用のマーカー画像を表示するサイト管理人Higemura高卒FE(フロントエンジニア)独学でWeb制作を勉強してフリーランスで活動しています。柴犬2匹飼っておりワンコについても呟いてます。