Google/Googlemap/js - 変更履歴

2016年8月7日 (日) 13:36にAdminによる

2016-08-07T13:36:40Z

2016年8月7日 (日) 13:36にAdminによる

2016-08-07T13:36:25Z

2016年8月4日 (木) 13:40にAdminによる

2016-08-04T13:40:05Z

2016年8月4日 (木) 08:24にAdminによる

2016-08-04T08:24:44Z

2016年8月4日 (木) 08:24にAdminによる

2016-08-04T08:24:32Z

2016年8月4日 (木) 08:24にAdminによる

2016-08-04T08:24:10Z

Admin: /* jsコード */

2016-08-04T08:23:30Z

‎jsコード

2016年8月4日 (木) 08:22にAdminによる

2016-08-04T08:22:43Z

2016年8月4日 (木) 08:22にAdminによる

2016-08-04T08:22:01Z

Admin: ページの作成:「==googlemap貼り付けたい場所に==
==jsコード== body閉じるタグの直前に。 (34.804618851, 135.345302589)の所には緯度...」

2016-08-04T06:59:26Z

ページの作成:「==googlemap貼り付けたい場所に== <div id="map-canvas"></div> ==jsコード== body閉じるタグの直前に。 (34.804618851, 135.345302589)の所には緯度...」

新規ページ

==googlemap貼り付けたい場所に==
<div id="map-canvas"></div>

==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>

@@ 行1: / 行1: @@
-==apilkey取得==
+==APIキー取得==
   https://console.developers.google.com
 #"Google Maps JavaScript API "を選択しAPIを有効にする

←前の版		2016年8月7日 (日) 13:36時点における版
行1:		行1:
		+	==apilkey取得==
		+	https://console.developers.google.com
		+	#"Google Maps JavaScript API "を選択しAPIを有効にする
		+	#認証にブラウザキーを選択
		+	#使用するサイトのドメインを登録する
		+
	==googlemap貼り付けたい場所に==		==googlemap貼り付けたい場所に==
	<div id="map-canvas"></div>		<div id="map-canvas"></div>

←前の版		2016年8月4日 (木) 13:40時点における版
行38:		行38:
	});		});
	</script>		</script>
		+
		+	==画像アイコン==
		+	https://www.softel.co.jp/blogs/tech/archives/4726

@@ 行32: / 行32: @@
   });
   infoWindow2 = new google.maps.InfoWindow({
-     content: '<div class="sample">兵庫</div>'
+     content: '<nowiki><</nowiki>div class="sample">兵庫</div>'
   });
   marker2.addListener('click', function() {

@@ 行22: / 行22: @@
   });
   var infoWindow = new google.maps.InfoWindow({
-     content: '<div class="sample">大阪</div>'
+     content: '<nowiki><</nowiki>div class="sample">大阪</div>'
   });
   marker.addListener('click', function() {

@@ 行5: / 行5: @@
 body閉じるタグの直前に。
   <script src="https://maps.googleapis.com/maps/api/js?key=[apikey]"></script>
   <style>
@@ 行39: / 行38: @@
   });
   </script>

@@ 行1: / 行1: @@
 ==googlemap貼り付けたい場所に==
-<div id="map-canvas"></div>
+ <div id="map-canvas"></div>
 ==jsコード==
 body閉じるタグの直前に。
-<script src="https://maps.googleapis.com/maps/api/js?key=[apikey]"></script>
+ <script src="https://maps.googleapis.com/maps/api/js?key=[apikey]"></script>
-<style>
+ <style>
-#map-canvas {
+ #map-canvas {
      width: 700px;
      height: 400px;
-−
+ }
-</style>
+ </style>
-<script type="text/javascript">
+ <script type="text/javascript">
-var map = new google.maps.Map(document.getElementById('map-canvas'), {
+ var map = new google.maps.Map(document.getElementById('map-canvas'), {
      center: new google.maps.LatLng(34.7019399, 135.51002519999997),
      zoom: 15
-});
+ });
-var marker = new google.maps.Marker({
+ var marker = new google.maps.Marker({
      position: new google.maps.LatLng(34.7019399, 135.51002519999997),
      map: map
-});
+ });
-var infoWindow = new google.maps.InfoWindow({
+ var infoWindow = new google.maps.InfoWindow({
      content: '<div class="sample">大阪</div>'
-});
+ });
-marker.addListener('click', function() {
+ marker.addListener('click', function() {
      infoWindow.open(map, marker);
-});
+ });
-var marker2 = new google.maps.Marker({
+ var marker2 = new google.maps.Marker({
      position: new google.maps.LatLng(34.804618851, 135.345302589),
      map: map
-});
+ });
-infoWindow2 = new google.maps.InfoWindow({
+ infoWindow2 = new google.maps.InfoWindow({
      content: '<div class="sample">兵庫</div>'
-});
+ });
-marker2.addListener('click', function() {
+ marker2.addListener('click', function() {
      infoWindow2.open(map, marker2);
-});
+ });
-</script>
+ </script>

Google/Googlemap/js - 変更履歴

2016年8月7日 (日) 13:36にAdminによる

2016年8月7日 (日) 13:36にAdminによる

2016年8月4日 (木) 13:40にAdminによる

2016年8月4日 (木) 08:24にAdminによる

2016年8月4日 (木) 08:24にAdminによる

2016年8月4日 (木) 08:24にAdminによる

Admin: /* jsコード */

2016年8月4日 (木) 08:22にAdminによる

2016年8月4日 (木) 08:22にAdminによる

Admin: ページの作成:「==googlemap貼り付けたい場所に== ==jsコード== body閉じるタグの直前に。 (34.804618851, 135.345302589)の所には緯度...」

Admin: ページの作成:「==googlemap貼り付けたい場所に==
==jsコード== body閉じるタグの直前に。 (34.804618851, 135.345302589)の所には緯度...」