aipacommander https://blog.hatena.ne.jp/aipacommander/ ITの隊長のブログ https://www.aipacommander.com/ Vue www.npmjs.com これです。便利。 GoogleMapAPIキーの発行とか設定の仕方とかは他記事をみてほしいのですが、今回はMarkerの使い方だけに絞ろうと思います。 <template> <GmapMap ref="map" :center="center" :zoom="zoom" :options="mapOptions" map-type-id="roadmap" :style="mapStyle" > </GmapMap> </template> <script> export default { name: 'IndexPage', data() { return { … 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.aipacommander.com%2Fentry%2F2022%2F01%2F18%2F004824" title="vue2-google-mapを使って、自作のMarkerを用意する - ITの隊長のブログ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2022-01-18 00:48:24 rich https://www.aipacommander.com/entry/2022/01/18/004824 1.0 100%