teratail
回答率
85.29%
質問するログイン新規登録
トップに関する質問XMLをGoogleMAP APIに読み込めません。

編集履歴

質問編集履歴

7

コード修正

2019/07/04 06:16

投稿

ni7035
ni7035

スコア11

title CHANGED
File without changes
body CHANGED
@@ -5,7 +5,7 @@
5
5
 
6
6
  function DataXML(){
7
7
 
8
- var text, parser, xmlDoc;
8
+ var text, parser, xmlDoc, ddd,b,c;
9
9
  text =
10
10
  '<response>\n\
11
11
  <header module="QueryLlistaEQ" operation="getLlistaEQ" session=""/>\n\
@@ -15,28 +15,30 @@
15
15
  </response>';
16
16
 
17
17
  var parser = new DOMParser();
18
- var xmlDoc = parser.parseFromString(text,"data/xml");
18
+ var xmlDoc = parser.parseFromString(text,"application/xml");
19
- var lats = xmlDoc.getElementsByTagName('lat');
19
+ var googleMap = xmlDoc.getElementsByTagName('googleMaps')[0];
20
+ var b = googleMap.attributes.lat;
20
- var lons = xmlDoc.getElementsByTagName('lon');
21
+ var c = googleMap.attributes.lon;
21
-
22
22
  return xmlDoc;
23
23
  }
24
- var googleMaps = DataXML();
24
+ var ddd = DataXML();
25
25
 
26
26
 
27
27
  function initMap() {
28
+
28
29
  var map = new google.maps.Map(document.getElementById('demo'),{
29
30
  zoom: 12,
30
31
  center: new google.maps.LatLng(41.409651, 2.183685),
31
32
  mapTypeId: google.maps.MapTypeId.ROADMAP
32
33
  });
33
-
34
- var latLng = new google.maps.LatLng(googleMaps.lats,googleMaps.lons);
35
34
 
35
+ var eee = new Number(ddd);
36
+ var latLng = new google.maps.LatLng(eee.b,eee.c);
37
+
36
38
  var marker = new google.maps.Marker({
37
39
  position: latLng,
38
40
  map: map,
39
-
41
+
40
42
  });
41
43
  }
42
44
 

6

コード修正

2019/07/04 06:16

投稿

ni7035
ni7035

スコア11

title CHANGED
File without changes
body CHANGED
@@ -36,7 +36,7 @@
36
36
  var marker = new google.maps.Marker({
37
37
  position: latLng,
38
38
  map: map,
39
- name:nom,
39
+
40
40
  });
41
41
  }
42
42
 

5

コード変更（エラーあり)。

2019/07/03 16:48

投稿

ni7035
ni7035

スコア11

title CHANGED
File without changes
body CHANGED
@@ -1,28 +1,25 @@
1
1
  xmlファイルをGoogleMapに読み込ませようと試したができませんでした。
2
2
 
3
- **エラー内容
4
- Failed to load resource: the server responded with a status of 404 ()　**
5
- ```html
6
- <div id="demo"></div>
7
- ```
8
3
 
9
- ```Javascript
4
+ ```javascript
10
- var xhttp = new XMLHttpRequest();
11
- xhttp.onreadystatechange = function() {
12
- if (this.readyState == 4 && this.status == 200) {
13
- document.getElementById("demo").innerHTML =
14
- this.responseText;
15
- }
16
- };
17
- xhttp.open("GET", "http://w10.bcn.es/APPS/asiasiacache/peticioXmlAsia?id=204", true);
18
- xhttp.send();
19
5
 
20
6
  function DataXML(){
7
+
21
- var text, parser, xmlDoc;
8
+ var text, parser, xmlDoc;
9
+ text =
10
+ '<response>\n\
22
- text = '/home/ec2-user/enviroment/XML/data.xml';
11
+ <header module="QueryLlistaEQ" operation="getLlistaEQ" session=""/>\n\
12
+ <body idioma="CA">\n\
13
+ .......
14
+ </body>\n\
15
+ </response>';
16
+
23
- parser = new DOMParser();
17
+ var parser = new DOMParser();
24
- xmlDoc = parser.parseFromString(text ,"text/xml");
18
+ var xmlDoc = parser.parseFromString(text,"data/xml");
19
+ var lats = xmlDoc.getElementsByTagName('lat');
20
+ var lons = xmlDoc.getElementsByTagName('lon');
21
+
25
- return xmlDoc;
22
+ return xmlDoc;
26
23
  }
27
24
  var googleMaps = DataXML();
28
25
 
@@ -34,54 +31,13 @@
34
31
  mapTypeId: google.maps.MapTypeId.ROADMAP
35
32
  });
36
33
 
37
- var latLng = new google.maps.LatLng(googleMaps.lat,googleMaps.lon);
34
+ var latLng = new google.maps.LatLng(googleMaps.lats,googleMaps.lons);
38
35
 
39
36
  var marker = new google.maps.Marker({
40
37
  position: latLng,
41
38
  map: map,
42
- name: nom
39
+ name:nom,
43
40
  });
44
41
  }
45
42
 
46
- ```
47
-
48
- ```xml
49
- <response>
50
- <header module="QueryLlistaEQ" operation="getLlistaEQ" session=""/>
51
- <body idioma="CA">
52
- <resultat>
53
- <info>
54
- <num_resultats>63</num_resultats>
55
- <primer>1</primer>
56
- <ultim>63</ultim>
57
- </info>
58
- <equipaments>
59
- <equipament>
60
- <id>99400596905</id>
61
- <nom>Hort Urbà Masia Can Mestres</nom>
62
- <seccio>WC Públic</seccio>
63
- <sigla/>
64
- <adreca_simple>
65
- <carrer codi="058634">Camí Can Clos</carrer>
66
- <numero davant="0" enter="1">1*9</numero>
67
- <districte codi="03">Sants-Montjuïc</districte>
68
- <barri codi="13">la Marina de Port</barri>
69
- <codi_postal>08038</codi_postal>
70
- <municipi codi="019">BARCELONA</municipi>
71
- <coordenades>
72
- <geocodificacio x="28590952" y="79243454"/>
73
- <dibuix x="" y=""/>
74
- <googleMaps lat="41.359684477777776" lon="2.145138777777778"/>
75
- </coordenades>
76
- </adreca_simple>
77
- <classificacions>
78
- <nivell codi="0040102011000">WC públics</nivell>
79
- </classificacions>
80
- <arxius_annexats> </arxius_annexats>
81
- </equipament>
82
- <equipament>
83
- ・・・・・
84
- </resultat>
85
- </body>
86
- </response>
87
43
  ```

4

HttpRequest修正

2019/07/03 16:47

投稿

ni7035
ni7035

スコア11

title CHANGED
File without changes
body CHANGED
@@ -7,13 +7,15 @@
7
7
  ```
8
8
 
9
9
  ```Javascript
10
- function httpGet(theUrl)
11
- {
12
- var xmlHttp = new XMLHttpRequest();
10
+ var xhttp = new XMLHttpRequest();
11
+ xhttp.onreadystatechange = function() {
12
+ if (this.readyState == 4 && this.status == 200) {
13
- xmlHttp.open( "GET", theUrl, false );
13
+ document.getElementById("demo").innerHTML =
14
- xmlHttp.send( null );
15
- return xmlHttp.responseText;
14
+ this.responseText;
16
- }
15
+ }
16
+ };
17
+ xhttp.open("GET", "http://w10.bcn.es/APPS/asiasiacache/peticioXmlAsia?id=204", true);
18
+ xhttp.send();
17
19
 
18
20
  function DataXML(){
19
21
  var text, parser, xmlDoc;
@@ -78,6 +80,7 @@
78
80
  <arxius_annexats> </arxius_annexats>
79
81
  </equipament>
80
82
  <equipament>
83
+ ・・・・・
81
84
  </resultat>
82
85
  </body>
83
86
  </response>

3

エラー内容を追加

2019/07/01 02:55

投稿

ni7035
ni7035

スコア11

title CHANGED
@@ -1,1 +1,1 @@
1
- XMLをGoogleMAP APIに読み込む方法を教えてください。
1
+ XMLをGoogleMAP APIに読み込めません。
body CHANGED
@@ -1,8 +1,7 @@
1
1
  xmlファイルをGoogleMapに読み込ませようと試したができませんでした。
2
- F12を押してSourcesを見たら、
3
- var latLng = new google.maps.LatLng(googleMaps.lat,googleMaps.lon);
4
- にエラーが出てました。
5
2
 
3
+ **エラー内容
4
+ Failed to load resource: the server responded with a status of 404 ()　**
6
5
  ```html
7
6
  <div id="demo"></div>
8
7
  ```

2

return xmlDoc;

2019/07/01 02:35

投稿

ni7035
ni7035

スコア11

title CHANGED
File without changes
body CHANGED
@@ -21,7 +21,7 @@
21
21
  text = '/home/ec2-user/enviroment/XML/data.xml';
22
22
  parser = new DOMParser();
23
23
  xmlDoc = parser.parseFromString(text ,"text/xml");
24
- return = xmlDoc;
24
+ return xmlDoc;
25
25
  }
26
26
  var googleMaps = DataXML();
27
27
 

1

return = xmlDoc;を追加、xmlファイルを追加

2019/07/01 02:28

投稿

ni7035
ni7035

スコア11

title CHANGED
File without changes
body CHANGED
@@ -21,6 +21,7 @@
21
21
  text = '/home/ec2-user/enviroment/XML/data.xml';
22
22
  parser = new DOMParser();
23
23
  xmlDoc = parser.parseFromString(text ,"text/xml");
24
+ return = xmlDoc;
24
25
  }
25
26
  var googleMaps = DataXML();
26
27
 
@@ -41,4 +42,44 @@
41
42
  });
42
43
  }
43
44
 
45
+ ```
46
+
47
+ ```xml
48
+ <response>
49
+ <header module="QueryLlistaEQ" operation="getLlistaEQ" session=""/>
50
+ <body idioma="CA">
51
+ <resultat>
52
+ <info>
53
+ <num_resultats>63</num_resultats>
54
+ <primer>1</primer>
55
+ <ultim>63</ultim>
56
+ </info>
57
+ <equipaments>
58
+ <equipament>
59
+ <id>99400596905</id>
60
+ <nom>Hort Urbà Masia Can Mestres</nom>
61
+ <seccio>WC Públic</seccio>
62
+ <sigla/>
63
+ <adreca_simple>
64
+ <carrer codi="058634">Camí Can Clos</carrer>
65
+ <numero davant="0" enter="1">1*9</numero>
66
+ <districte codi="03">Sants-Montjuïc</districte>
67
+ <barri codi="13">la Marina de Port</barri>
68
+ <codi_postal>08038</codi_postal>
69
+ <municipi codi="019">BARCELONA</municipi>
70
+ <coordenades>
71
+ <geocodificacio x="28590952" y="79243454"/>
72
+ <dibuix x="" y=""/>
73
+ <googleMaps lat="41.359684477777776" lon="2.145138777777778"/>
74
+ </coordenades>
75
+ </adreca_simple>
76
+ <classificacions>
77
+ <nivell codi="0040102011000">WC públics</nivell>
78
+ </classificacions>
79
+ <arxius_annexats> </arxius_annexats>
80
+ </equipament>
81
+ <equipament>
82
+ </resultat>
83
+ </body>
84
+ </response>
44
85
  ```