Googleマップは地図を便利に使える存在ですが、プログラムと組み合わせようと思うと若干面倒なことがあります。そうした時にはサードパーティ製のライブラリを使うのがお勧めです。 マーカーを立てたり、検索したりと言った操作をするならばMappy.jsが便利ではないかと思います。さっそく見ていきましょう。 マーカーを立てたところです。 コードはこんな感じになります。面白いのはリファレンスとして画像をBase64エンコードし、それをそのまま配置しているところです。また、クリックでマーカー詳細を表示するかどうかはautoShowで制御できます。 $("#custom-places").mappy({ showOnLoad: [ // City Varieties { // flag that this place should have the tooltip shown when the map