HOME > > > Googleマップに場所を示すマーカーを設置する方法

Googleマップに場所を示すマーカーを設置する方法

Googlemapマーカー

Googleマップにマーカーを設置する

Googleマップを設置する際、マップだけ表示していてもどこの位置を示しているのか解りません。 ですので、マーカーを設置して明確な位置を示しましょう。

サンプルはこちら

マップの設置方法

マップの設置方法は以前の記事を確認してください。

マーカーを含めたマップのコード

下記はマーカーを含めたGoogleマップの設置コードです。


<script>
function initialize() {
  var latlng = new google.maps.LatLng(37.4220, -122.08491731);
  var myOptions = {
    zoom: 17,
    center: latlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  };
  var map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
  var marker = new google.maps.Marker({
  position: latlng,
  map: map,
  title: 'アメリカグーグルです'
  });
}
</script>

マーカー設置部分は以下の部分です。


  var marker = new google.maps.Marker({
  position: latlng,
  map: map,
  title: 'アメリカグーグルです'
  });

設置完了

これで入力している緯度経度の部分にマカーが表示されます。
ちなみに「マーカー」とは印をつける人、指標、位置標識の事です。

このページを共有する

Facebook
twitter
Line
googleプラス
はてなブックマーク
Pocket