「Google/Googlemap」の版間の差分
提供: 初心者エンジニアの簡易メモ
(→その他コード) |
(→その他コード) |
||
行2: | 行2: | ||
<div id="map-canvas"></div> | <div id="map-canvas"></div> | ||
− | == | + | ==jsコード== |
body閉じるタグの直前に。 | body閉じるタグの直前に。 | ||
− | + | (34.804618851, 135.345302589)の所には緯度経度を入力。 | |
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> | <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script> | ||
<style> | <style> | ||
行18: | 行18: | ||
var options = { | var options = { | ||
zoom: 17, | zoom: 17, | ||
− | center: new google.maps.LatLng( | + | center: new google.maps.LatLng(34.804618851, 135.345302589), |
mapTypeId: google.maps.MapTypeId.ROADMAP | mapTypeId: google.maps.MapTypeId.ROADMAP | ||
}; | }; | ||
var map = new google.maps.Map(map, options); | var map = new google.maps.Map(map, options); | ||
var marker = new google.maps.Marker({ | var marker = new google.maps.Marker({ | ||
− | position: new google.maps.LatLng( | + | position: new google.maps.LatLng(34.804618851, 135.345302589), |
map: map, | map: map, | ||
title: "pin表示" | title: "pin表示" |
2016年2月4日 (木) 07:40時点における版
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>