html
1 <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d26009.891232314785!2d139.5173740783644!3d35.42417340762225!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60185b3acbe2728d%3A0x50ddf02f24831b24!2z44ix44Ki44K544Kr44OP44Km44K444Oz44Kw!5e0!3m2!1sja!2sjp!4v1585034544334!5m2!1sja!2sjp" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0">
css
1 2 iframe{max-width: 400px; 3 width: 90%; 4 margin: 0 auto; 5 padding-top: 20px; 6 filter: grayscale(100%)}
上記の方法だとピンにだけ色をつけることができず、どこをどう変えたらいいのか全くわからない状態です。
または、下記のコードでも試してみました。
地図のピンの色はマイマップの機能を使って色を変更できたのですが、タイトルに無題の地図と余計なものがついてしまうのとグレースケールにするとピンまで色がモノクロになってしまいます。
html
1><iframe src="https://www.google.com/maps/d/embed?mid=1Hpfbkf9Ty6l-yeR4kK85rdJKQQEtMFVl" width="640" height="480"></iframe>
無理じゃないかと思います。
わかりました。
ご回答ありがとうございます。
あなたの回答
tips
プレビュー