facebook twitter hatena line email

「Google/Googlemap/js」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(ページの作成:「==googlemap貼り付けたい場所に== <div id="map-canvas"></div> ==jsコード== body閉じるタグの直前に。 (34.804618851, 135.345302589)の所には緯度...」)
(相違点なし)

2016年8月4日 (木) 15:59時点における版

googlemap貼り付けたい場所に

jsコード

body閉じるタグの直前に。 (34.804618851, 135.345302589)の所には緯度経度を入力。

<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(34.804618851, 135.345302589),
   mapTypeId: google.maps.MapTypeId.ROADMAP
 };
 var map = new google.maps.Map(map, options);
 var marker = new google.maps.Marker({
     position: new google.maps.LatLng(34.804618851, 135.345302589),
     map: map,
     title: "pin表示"
 });
});
</script>