facebook twitter hatena line email

「Google/Googlemap」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(その他コード)
 
(同じ利用者による、間の4版が非表示)
行1: 行1:
==googlemap貼り付けたい場所に==
+
[[Google/Googlemap/GeoCoding]]
<div id="map-canvas"></div>
+
  
==その他コード==
+
[[Google/Googlemap/js]]
body閉じるタグの直前に。
+
99.9999999の所には緯度経度を入力。
+
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
+
<style>
+
#map-canvas {
+
height: 400px;
+
margin: 0px;
+
padding: 0px
+
}
+
</style>
+
<script type="text/javascript">
+
google.maps.event.addDomListener(window, 'load', function() {
+
  var map = document.getElementById("map-canvas");
+
  var options = {
+
    zoom: 17,
+
    center: new google.maps.LatLng(99.9999999, 99.9999999),
+
    mapTypeId: google.maps.MapTypeId.ROADMAP
+
  };
+
  var map = new google.maps.Map(map, options);
+
  var marker = new google.maps.Marker({
+
      position: new google.maps.LatLng(99.9999999, 99.9999999),
+
      map: map,
+
      title: "pin表示"
+
  });
+
});
+
</script>
+

2016年8月7日 (日) 07:14時点における最新版

Google/Googlemap/GeoCoding

Google/Googlemap/js