質問編集履歴
1
わかりやすく
title
CHANGED
|
File without changes
|
body
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
はじめまして！
|
|
2
2
|
現在、一番下に記載したコードを用い、GoogleMapsにおいて以下のようなXMLファイルのデータを取り出してピンを表示させています。
|
|
3
|
-
また、PHPで受け取った緯度・経度の変数から表示する場所を動的に変更させています。
|
|
3
|
+
また、PHPで受け取った緯度・経度の変数(lat,lng)から表示する場所を動的に変更させています。
|
|
4
4
|
|
|
5
5
|
|
|
6
6
|
```xml
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
|
|
12
12
|
```
|
|
13
13
|
|
|
14
|
-
そこで今回、PHPから受け取った変数typeのみのピンだけを表示させれる
|
|
14
|
+
そこで今回、PHPから受け取った変数typeのみのピンだけを表示させれる(「変数type=XMLファイルのtype」のmarker)ようにコードを修正したいのですが、上手く出来ません。
|
|
15
15
|
このような場合どうすればよいでしょうか?
|
|
16
16
|
|
|
17
17
|
是非ご教授のほどよろしくお願い申し上げます。
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
|
|
27
27
|
$lat=htmlspecialchars($lat);
|
|
28
28
|
$lng=htmlspecialchars($lng);
|
|
29
|
-
$type=htmlspecialchars($type);
|
|
29
|
+
//$type=htmlspecialchars($type);
|
|
30
30
|
|
|
31
31
|
|
|
32
32
|
?>
|
|
@@ -56,33 +56,33 @@
|
|
|
56
56
|
|
|
57
57
|
|
|
58
58
|
|
|
59
|
-
|
|
59
|
+
function load() {
|
|
60
|
-
|
|
60
|
+
var map = new google.maps.Map(document.getElementById("map"), {
|
|
61
|
-
|
|
61
|
+
center: new google.maps.LatLng(lat, lng),
|
|
62
|
-
|
|
62
|
+
zoom: 13,
|
|
63
|
-
|
|
63
|
+
mapTypeId: 'roadmap'
|
|
64
|
-
|
|
64
|
+
});
|
|
65
|
-
|
|
65
|
+
var infoWindow = new google.maps.InfoWindow;
|
|
66
66
|
|
|
67
|
-
|
|
67
|
+
|
|
68
|
-
|
|
68
|
+
downloadUrl("http://略(XMLファイル)", function(data) {
|
|
69
|
-
|
|
69
|
+
var xml = data.responseXML;
|
|
70
|
-
|
|
70
|
+
var markers = xml.documentElement.getElementsByTagName("marker");
|
|
71
|
-
|
|
71
|
+
for (var i = 0; i < markers.length; i++) {
|
|
72
|
-
|
|
72
|
+
var name = markers[i].getAttribute("name");
|
|
73
|
-
|
|
73
|
+
var address = markers[i].getAttribute("address");
|
|
74
|
-
|
|
74
|
+
var type = markers[i].getAttribute("type");
|
|
75
|
-
|
|
75
|
+
var point = new google.maps.LatLng(
|
|
76
|
-
|
|
76
|
+
parseFloat(markers[i].getAttribute("lat")),
|
|
77
|
-
|
|
77
|
+
parseFloat(markers[i].getAttribute("lng")));
|
|
78
|
-
|
|
78
|
+
var html = "<b>" + name + "</b> <br/>" + address;
|
|
79
|
-
|
|
79
|
+
var icon = customIcons[type] || {};
|
|
80
|
-
|
|
80
|
+
var marker = new google.maps.Marker({
|
|
81
|
-
|
|
81
|
+
map: map,
|
|
82
|
-
|
|
82
|
+
position: point,
|
|
83
|
-
|
|
83
|
+
icon: icon.icon
|
|
84
|
-
|
|
84
|
+
});
|
|
85
|
-
|
|
85
|
+
bindInfoWindow(marker, map, infoWindow, html);
|
|
86
86
|
}
|
|
87
87
|
});
|
|
88
88
|
}
|