[JS] Google maps wel in FF, niet in IE

Pagina: 1
Acties:
  • 574 views sinds 30-01-2008
  • Reageer

  • DarkShadow
  • Registratie: Juli 2000
  • Laatst online: 10:59
Hallo, Ik had een prachtig voorbeeldje gemaakt van google maps in Firefox. Dit was lastig omdat het geintegreerd moest worden in Asp.NET en dan ook nog met behulp van masterpages. Uiteindelijk heb ik het zo werkend gekregen:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<%@ Page Language="VB" MasterPageFile="~/MasterPageDefault.master" 
    AutoEventWireup="false" CodeFile="meetpunt.aspx.vb" inherits="GMS2Web_Algemeen_overzichtmeetpunt_meetpunt"
    title="Overzicht Meetpunten" trace="false" buffer="false" %>

<asp:Content ID="Main" runat="Server" ContentPlaceHolderID="ContentDefault" >

<div id="GoogleMap" style="width: 650px; height: 300px">
    </div>

    <script type="text/javascript" language="javascript">
    //<![CDATA[
    var map = new GMap2(document.getElementById("GoogleMap"));
    
    function BuildMap(map) {
      if (GBrowserIsCompatible()) {
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(50.95, 5.79), 10);
        map.openInfoWindow(map.getCenter(),
        document.createTextNode("Elsloo brug"));
        var point = new GLatLng(50.95,5.79);
        map.addOverlay(new GMarker(point));
      }
    }
    BuildMap(map);
    //]]>
    </script> 

<br />

</asp:Content>


Nu werkt dit eigenlijk perfect, maar vlak voor de presentatie van onder andere dit stukje van de pagina kwam ik erachter dat het niet werkte in IE. Uiteindelijk heb ik dit niet tijdig kunnen oplossen (maar een jpg ervan gemaakt :P ). Nu probeer ik er in alle rust nog weer naar te kijken, maar ik heb absoluut geen idee waarom IE (versie 7 werkt ook niet btw) dit niet pikt maar firefox wel. Meestal is het juist andersom. Iemand enig idee?

Alvast bedankt :)

  • Icelus
  • Registratie: Januari 2004
  • Niet online
Wat werkt er wel/niet?

Wordt het deel na if (GBrowserIsCompatible()) bereikt bijvoorbeeld?

Developer Accused Of Unreadable Code Refuses To Comment


  • NMe
  • Registratie: Februari 2004
  • Laatst online: 20-11 11:59

NMe

Quia Ego Sic Dico.

Ik zie niet waarom je denkt dat je probleem in je ASP.NET code ligt, als je vervolgens (bijna) alleen maar clientside Javascript post. Dit nog naast het feit dat het in FF blijkbaar wel werkt, en het probleem dus sowieso bijna zeker in je eigen clientside code zit. ;)

Waar hoort mijn topic? Clientside problemen horen in Webdesign, Markup & Clientside Scripting. Ik geef meteen je titeltag een update. :P

PRG>>WEB

'E's fighting in there!' he stuttered, grabbing the captain's arm.
'All by himself?' said the captain.
'No, with everyone!' shouted Nobby, hopping from one foot to the other.


  • DarkShadow
  • Registratie: Juli 2000
  • Laatst online: 10:59
Icelus schreef op vrijdag 20 oktober 2006 @ 10:29:
Wat werkt er wel/niet?

Wordt het deel na if (GBrowserIsCompatible()) bereikt bijvoorbeeld?
IE is compatible, ik zou alleen niet weten of die If bereikt wordt, er doorheen lopen lukt niet echt, kan hem niet vanaf mijn computer runnen.

  • Icelus
  • Registratie: Januari 2004
  • Niet online
DarkShadow schreef op vrijdag 20 oktober 2006 @ 10:36:
[...]


IE is compatible, ik zou alleen niet weten of die If bereikt wordt, er doorheen lopen lukt niet echt, kan hem niet vanaf mijn computer runnen.
Verander het eerste deel in:
code:
1
2
if (GBrowserIsCompatible()) {
  alert('Google Maps');
Ik neem aan dat de unieke sleutel om Google Maps te gebruiken ergens anders in je code staat en dat de directory voor deze sleutel klopt?

Developer Accused Of Unreadable Code Refuses To Comment


  • user109731
  • Registratie: Maart 2004
  • Niet online
Je kunt die code dus niet wijzigen? Krijg je in IE echt een fout (zo'n geel icoon links onderin), of gebeurt er gewoon niets? In het eerste geval kan het handig zijn om met de script debugger te kijken waar het fout gaat. :)

  • DarkShadow
  • Registratie: Juli 2000
  • Laatst online: 10:59
Heb even een andere site gemaakt zonder masterpages:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
     <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>Google Maps JavaScript API Example</title>
    <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAYz6cOB8JlPObrSbAdE_hBhSES3Fxbg0VOFFSficnIx2VqyhWrhTHWD8Ax1u2qVhkCN-xanK6hQK74Q"
      type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    function BuildMap() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(51.629, 3.91), 10);
      }
    }
    //]]>
    </script>
  </head>
  <body onload="BuildMap()" onunload="GUnload()">
    <div id="map" style="width: 700px; height: 500px"></div>
  </body>
</html>


Werkt weer perfect in FF, maar in internet explorer geeft hij een error op line 44, char 22 (kan in principe niet, want dat bestaat niet) en zegt hij dat een object required is.

  • DarkShadow
  • Registratie: Juli 2000
  • Laatst online: 10:59
Icelus schreef op vrijdag 20 oktober 2006 @ 10:42:
[...]
Verander het eerste deel in:
code:
1
2
if (GBrowserIsCompatible()) {
  alert('Google Maps');
Ik neem aan dat de unieke sleutel om Google Maps te gebruiken ergens anders in je code staat en dat de directory voor deze sleutel klopt?
De sleutel klopt wel :) (anders zou hij ook niet in FF werken). Hij komt iig wel in de if, want ik krijg eerst de warning Google Maps als ik die alert er in stop. (in IE).

  • user109731
  • Registratie: Maart 2004
  • Niet online
En als je die alert() nu een regel naar onder zet? Net zolang totdat je 'm niet meer krijgt, dan weet je toch waar de fout zit? :)

Of de script debugger voor IE eens downloaden, die geeft wel de goede regel aan. :)

  • DarkShadow
  • Registratie: Juli 2000
  • Laatst online: 10:59
Grote prutser schreef op vrijdag 20 oktober 2006 @ 10:55:
En als je die alert() nu een regel naar onder zet? Net zolang totdat je 'm niet meer krijgt, dan weet je toch waar de fout zit? :)

Of de script debugger voor IE eens downloaden, die geeft wel de goede regel aan. :)
Hij doet geeft altijd de warning wel aan, maakt niet uit waar ik hem neerzet in het script. Ik denk dan ook dat het niet in het script fout gaat, maar dat hij de div anders begrijpt.

IE geeft altijd aan dat hij de pagina niet kan openen en vervolgens operation aborted

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 14:09

crisp

Devver

Pixelated

Doe eens view-source in IE en post dat eens

Intentionally left blank


  • DarkShadow
  • Registratie: Juli 2000
  • Laatst online: 10:59
code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head><title>
    Overzicht Meetpunten
</title><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><meta name="Copyright" content="Weeronline B.V." /><meta name="Reply-To" content="info@weeronline.nl" /><meta name="author" content="Copyright Weeronline B.V." /><meta name="robots" content="noindex, nofollow" /><meta name="googlebot" content="noarchive" /><link rel="shortcut icon" href="../../../favicon.ico" /><link href="../../../App_Themes/Basic/algemeen.css" type="text/css" rel="stylesheet" /><link href="../../../App_Themes/Basic/default.css" type="text/css" rel="stylesheet" /><link href="../../../App_Themes/Basic/gms.css" type="text/css" rel="stylesheet" /><link href="../../../App_Themes/Basic/meteo.css" type="text/css" rel="stylesheet" /><link href="../../../App_Themes/Basic/waarschuwing.css" type="text/css" rel="stylesheet" /><link href="../../../App_Themes/Basic/weerbeeld.css" type="text/css" rel="stylesheet" /><link href="../../../App_Themes/Basic/zHoofdmenu.css" type="text/css" rel="stylesheet" /><link href="../../../App_Themes/Basic/zLogbestand.css" type="text/css" rel="stylesheet" /><link href="../../../App_Themes/Basic/zUsermenu.css" type="text/css" rel="stylesheet" /><style type="text/css">
    .ctl00_MenuUser_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
    .ctl00_MenuUser_1 { text-decoration:none; }
    .ctl00_MenuUser_2 {  }
    .ctl00_MenuGMS_0 { background-color:white;visibility:hidden;display:none;position:absolute;left:0px;top:0px; }
    .ctl00_MenuGMS_1 { text-decoration:none; }
    .ctl00_MenuGMS_2 {  }

</style></head>
<body>
    <form name="aspnetForm" method="post" action="meetpunt.aspx" id="aspnetForm">
<div>
<input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" />
<input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" />
<input type="hidden" name="__LASTFOCUS" id="__LASTFOCUS" value="" />
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="/wEPDwUJNDI0Njc3MDU5D2QWAmYPZBYCAgMPZBYKAgMPDxYCHgRUZXh0BQtSV1MgTGltYnVyZ2RkAgUQPCsADQIADxYCHgtfIURhdGFCb3VuZGdkDBQrAAMFBzA6MCwwOjEUKwACFhAfAAUESG9tZR4FVmFsdWUFBEhvbWUeC05hdmlnYXRlVXJsBQ0vRGVmYXVsdC5hc3B4HgdUb29sVGlwBQRIb21lHgdFbmFibGVkZx4KU2VsZWN0YWJsZWceCERhdGFQYXRoBQ0vZGVmYXVsdC5hc3B4HglEYXRhQm91bmRnZBQrAAIWEB8ABQlVaXRsb2dnZW4fAgUJVWl0bG9nZ2VuHwMFDC9Mb2dvdXQuYXNweB8EBQlVaXRsb2dnZW4fBWcfBmcfBwUML2xvZ291dC5hc3B4HwhnZGRkAgcQPCsADQIADxYCHwFnZAwUKwAEBQswOjAsMDoxLDA6MhQrAAIWDB8ABQhBbGdlbWVlbh8CBQhBbGdlbWVlbh8FZx8GaB8HBQIxMB8IZxQrAAQFCzA6MCwwOjEsMDoyFCsAAhYQHwAFEUdsYWRoZWlkc2pvdXJuYWFsHwIFEUdsYWRoZWlkc2pvdXJuYWFsHwMFL34vR01TMldlYi9BbGdlbWVlbi9HbGFkaGVpZHNKb3VybmFhbC9WaWRlby5hc3B4HwQFEUdsYWRoZWlkc2pvdXJuYWFsHwVnHwZnHwcFAjExHwhnZBQrAAIWEB8ABRJXYWFyc2NodXdpbmdzdGVrc3QfAgUSV2FhcnNjaHV3aW5nc3Rla3N0HwMFKn4vR01TMldlYi9XYWFyc2NodXdpbmcvV2FhcnNjaHV3aW5nZW4uYXNweB8EBRJXYWFyc2NodXdpbmdzdGVrc3QfBWcfBmcfBwUCMTIfCGdkFCsAAhYQHwAFEk1lZXRwdW50aW5mb3JtYXRpZR8CBRJNZWV0cHVudGluZm9ybWF0aWUfAwUyfi9HTVMyV2ViL0FsZ2VtZWVuL092ZXJ6aWNodE1lZXRwdW50L21lZXRwdW50LmFzcHgfBAUSTWVldHB1bnRpbmZvcm1hdGllHwVnHwZnHwcFAjcxHwhnZBQrAAIWDB8ABQxHTVMtZ2VnZXZlbnMfAgUMR01TLWdlZ2V2ZW5zHwVnHwZoHwcFAjIwHwhnFCsABQUPMDowLDA6MSwwOjIsMDozFCsAAhYQHwAFD092ZXJ6aWNodHN0YWJlbB8CBQ9PdmVyemljaHRzdGFiZWwfAwUifi9HTVMyV2ViL0dNUy9PdmVyemljaHRzdGFiZWwuYXNweB8EBQ9PdmVyemljaHRzdGFiZWwfBWcfBmcfBwUCMjEfCGdkFCsAAhYQHwAFC0RldGFpbHRhYmVsHwIFC0RldGFpbHRhYmVsHwMFHn4vR01TMldlYi9HTVMvRGV0YWlsdGFiZWwuYXNweB8EBQtEZXRhaWx0YWJlbB8FZx8GZx8HBQIyMh8IZ2QUKwACFhAfAAUJR3JhZmlla2VuHwIFCUdyYWZpZWtlbh8DBRx+L0dNUzJXZWIvR01TL0dyYWZpZWtlbi5hc3B4HwQFCUdyYWZpZWtlbh8FZx8GZx8HBQIyNx8IZ2QUKwACFhAfAAUJTGFuZGthYXJ0HwIFCUxhbmRrYWFydB8DBSZ+L0dNUzJXZWIvR01TL0xhbmRrYWFydC9MYW5ka2FhcnQuYXNweB8EBQlMYW5ka2FhcnQfBWcfBmcfBwUCMjgfCGdkFCsAAhYMHwAFEE1ldGVvLWluZm9ybWF0aWUfAgUQTWV0ZW8taW5mb3JtYXRpZR8FZx8GaB8HBQIzMB8IZxQrAAkFHzA6MCwwOjEsMDoyLDA6MywwOjQsMDo1LDA6NiwwOjcUKwACFhAfAAUTV2VlcnRla3N0IGxhbmRlbGlqax8CBRNXZWVydGVrc3QgbGFuZGVsaWprHwMFJn4vR01TMldlYi9NZXRlby9BbGdlbWVlbk92ZXJ6aWNodC5hc3B4HwQFE1dlZXJ0ZWtzdCBsYW5kZWxpamsfBWcfBmcfBwUCMzEfCGdkFCsAAhYQHwAFB0FjdHVlZWwfAgUHQWN0dWVlbB8DBRx+L0dNUzJXZWIvTWV0ZW8vQWN0dWVlbC5hc3B4HwQFB0FjdHVlZWwfBWcfBmcfBwUCMzIfCGdkFCsAAhYQHwAFB1ZhbmRhYWcfAgUHVmFuZGFhZx8DBRx+L0dNUzJXZWIvTWV0ZW8vVmFuZGFhZy5hc3B4HwQFB1ZhbmRhYWcfBWcfBmcfBwUCMzMfCGdkFCsAAhYQHwAFDUtvbWVuZGUgZGFnZW4fAgUNS29tZW5kZSBkYWdlbh8DBSF+L0dNUzJXZWIvTWV0ZW8vS29tZW5kZURhZ2VuLmFzcHgfBAUNS29tZW5kZSBkYWdlbh8FZx8GZx8HBQIzNB8IZ2QUKwACFhAfAAUFVHJlbmQfAgUFVHJlbmQfAwUafi9HTVMyV2ViL01ldGVvL1RyZW5kLmFzcHgfBAUFVHJlbmQfBWcfBmcfBwUCMzUfCGdkFCsAAhYQHwAFD05lZXJzbGFnYmVlbGRlbh8CBQ9OZWVyc2xhZ2JlZWxkZW4fAwU3fi9HTVMyV2ViL01ldGVvL1dlZXJiZWVsZC9OZWVyc2xhZy9OZWVyc2xhZ2JlZWxkZW4uYXNweB8EBQ9OZWVyc2xhZ2JlZWxkZW4fBWcfBmcfBwUCMzYfCGdkFCsAAhYQHwAFEUJld29sa2luZ3NiZWVsZGVuHwIFEUJld29sa2luZ3NiZWVsZGVuHwMFOn4vR01TMldlYi9NZXRlby9XZWVyYmVlbGQvQmV3b2xraW5nL0Jld29sa2luZ3NiZWVsZGVuLmFzcHgfBAURQmV3b2xraW5nc2JlZWxkZW4fBWcfBmcfBwUCMzcfCGdkFCsAAhYQHwAFC1dlZXJrYWFydGVuHwIFC1dlZXJrYWFydGVuHwMFNH4vR01TMldlYi9NZXRlby9XZWVyYmVlbGQvV2VlcmthYXJ0L1dlZXJrYWFydGVuLmFzcHgfBAULV2VlcmthYXJ0ZW4fBWcfBmcfBwUCMzgfCGdkZGQCCQ88KwAFAQAPFgIeFVBhcmVudExldmVsc0Rpc3BsYXllZGZkZAILD2QWDAIBDxAPFgIfAWdkEBUEDlJXUyBTaW50LUpvb3N0CVJXUyBWZW5sbxFQcm92aW5jaWUgTGltYnVyZw1Ob29yZC1CcmFiYW50FQQBMQEyATMDMTAxFCsDBGdnZ2dkZAIDDxAPFgIfAWdkEBUMETA4MTA6IEVsc2xvbyBicnVnEDA4MTE6IFN0ZWluIGJydWcOMDgxMjogQm9zaG92ZW4OMDgxMzogTWFhc2JydWcRMDgxNDogS2VyZW5zaGVpZGUPMDgxNTogS3J1aXNiZXJnDTA4MTY6IERhbGJydWcNMDgxNzogRWlqc2RlbgwwODUxOiBLZWxwZW4PMDg1MjogUm9vc3RlcmVuETA4NTM6IFRlbiBFc3NjaGVuDjA4NTQ6IEJvY2hvbHR6FQwDMTYzAzE2NAMxNjUDMTY2AzE2NwMxNjgDMTY5AzE3MAMxODEDMTgyAzE4MwMxODQUKwMMZ2dnZ2dnZ2dnZ2dnZGQCCQ88KwANAgAPFgYfAWceCVBhZ2VDb3VudAIBHgtfIUl0ZW1Db3VudAIBZAwUKwAKFggeBE5hbWUFBE5hYW0eCklzUmVhZE9ubHloHgRUeXBlGSsCHglEYXRhRmllbGQFBE5hYW0WCB8MBQZOdW1tZXIfDWgfDhkrAh8PBQZOdW1tZXIWCB8MBQNXZWcfDWgfDhkrAh8PBQNXZWcWCB8MBRNHcm9uZHNvb3J0X29tZ2V2aW5nHw1oHw4ZKwIfDwUTR3JvbmRzb29ydF9vbWdldmluZxYIHwwFA0xhdB8NaB8OGSlaU3lzdGVtLlNpbmdsZSwgbXNjb3JsaWIsIFZlcnNpb249Mi4wLjAuMCwgQ3VsdHVyZT1uZXV0cmFsLCBQdWJsaWNLZXlUb2tlbj1iNzdhNWM1NjE5MzRlMDg5Hw8FA0xhdBYIHwwFA0xvbh8NaB8OGSsEHw8FA0xvbhYIHwwFDFNvb3J0X3dlZ2Rlax8NaB8OGSsCHw8FDFNvb3J0X3dlZ2RlaxYIHwwFCkdyb25kc29vcnQfDWgfDhkrAh8PBQpHcm9uZHNvb3J0FggfDAUIT2JzdGFrZWwfDWgfDhkrAh8PBQhPYnN0YWtlbBYIHwwFDE9tc2NocmlqdmluZx8NaB8OGSsCHw8FDE9tc2NocmlqdmluZxYCZg9kFgQCAQ9kFhRmDw8WAh8ABQtFbHNsb28gYnJ1Z2RkAgEPDxYCHwAFBDA4MTBkZAICDw8WAh8ABQJBMmRkAgMPDxYCHwAFBEJydWdkZAIEDw8WAh8ABQU1MC45NWRkAgUPDxYCHwAFBDUuNzlkZAIGDw8WAh8ABQpaT0FCICAgICAgZGQCBw8PFgIfAAUKS2xlaSAgICAgIGRkAggPDxYCHwAFCkJlcGxhbnRpbmdkZAIJDw8WAh8ABQRCcnVnZGQCAg8PFgIeB1Zpc2libGVoZGQCCw8PZA8QFgFmFgEWAh4OUGFyYW1ldGVyVmFsdWUFAzE2MxYBZmRkAg8PD2QPEBYBZhYBFgIfEQIDFgECBWRkAhEPD2QPEBYBZhYBFgIfEQUBMRYBZmRkGAIFHl9fQ29udHJvbHNSZXF1aXJlUG9zdEJhY2tLZXlfXxYCBSdjdGwwMCRDb250ZW50RGVmYXVsdCRidG5HcmFmaWVrd2VlcmdhdmUFJWN0bDAwJENvbnRlbnREZWZhdWx0JGJ0blRhYmVsd2VlcmdhdmUFHmN0bDAwJENvbnRlbnREZWZhdWx0JEdyaWRWaWV3MQ9nZPIF/+67ykgcMB5LezYcWI9fthn/" />
</div>

<script type="text/javascript">
<!--
var theForm = document.forms['aspnetForm'];
if (!theForm) {
    theForm = document.aspnetForm;
}
function __doPostBack(eventTarget, eventArgument) {
    if (!theForm.onsubmit || (theForm.onsubmit() != false)) {
        theForm.__EVENTTARGET.value = eventTarget;
        theForm.__EVENTARGUMENT.value = eventArgument;
        theForm.submit();
    }
}
// -->
</script>



<script src="/JavaScript/AdapterUtils.js" type="text/javascript"></script>
<script src="/JavaScript/MenuAdapter.js" type="text/javascript"></script>
<script src="http://maps.google.nl/maps?file=api&amp;v=2&amp;key=ABQIAAAAmdJN5C9MUOMGW49fNAzMRhQxVsdp9cSIV_02yWGeoE4OpaifgRTLDVXQauRW0KOH3PbDxmLv7Aethw" type="text/javascript"></script>
        <div>
            <table border="0" cellpadding="0" cellspacing="0" style="width: 100%; height: 100%">
                <tr id="MasterPage_Header">
                    <td colspan="2" >
                        <table border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td class="GMSLogo" rowspan="2">
                                    <img id="ctl00_imgGMSLogo" class="GMSLogo" src="../../../Images/gms2pluslogo.gif" style="border-width:0px;" />
                                </td>
                                <td class="GMSKlant">
                                    <span id="ctl00_lblOrganisation">RWS Limburg</span>
                                </td>
                            </tr>
                            <tr>
                                <td align="left" >
                                    
<div class="UserMenu">
    <div class="AspNet-Menu-Horizontal">
        <ul id="UserMenuGMS" class="AspNet-Menu">
            <li class="AspNet-Menu-Leaf">
                <a href="/Default.aspx" class="AspNet-Menu-Link" title="Home">
                    Home
                </a>
            </li>
            <li class="AspNet-Menu-Leaf">
                <a href="/Logout.aspx" class="AspNet-Menu-Link" title="Uitloggen">
                    Uitloggen
                </a>
            </li>
        </ul>
    </div>
</div>

                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
                <tr id="MasterPage_Default">
                    <td class="MasterPage_HoofdMenu">
                        
<div class="HoofdMenu">
    <div class="AspNet-Menu-Vertical">
        <ul id="HoofdMenuGMS" class="AspNet-Menu">
            <li class="AspNet-Menu-WithChildren">
                <span class="AspNet-Menu-NonLink">
                    Algemeen
                </span>
                <ul>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/Algemeen/GladheidsJournaal/Video.aspx" class="AspNet-Menu-Link" title="Gladheidsjournaal">
                            Gladheidsjournaal
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/Waarschuwing/Waarschuwingen.aspx" class="AspNet-Menu-Link" title="Waarschuwingstekst">
                            Waarschuwingstekst
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/Algemeen/OverzichtMeetpunt/meetpunt.aspx" class="AspNet-Menu-Link" title="Meetpuntinformatie">
                            Meetpuntinformatie
                        </a>
                    </li>
                </ul>
            </li>
            <li class="AspNet-Menu-WithChildren">
                <span class="AspNet-Menu-NonLink">
                    GMS-gegevens
                </span>
                <ul>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/GMS/Overzichtstabel.aspx" class="AspNet-Menu-Link" title="Overzichtstabel">
                            Overzichtstabel
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/GMS/Detailtabel.aspx" class="AspNet-Menu-Link" title="Detailtabel">
                            Detailtabel
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/GMS/Grafieken.aspx" class="AspNet-Menu-Link" title="Grafieken">
                            Grafieken
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/GMS/Landkaart/Landkaart.aspx" class="AspNet-Menu-Link" title="Landkaart">
                            Landkaart
                        </a>
                    </li>
                </ul>
            </li>
            <li class="AspNet-Menu-WithChildren">
                <span class="AspNet-Menu-NonLink">
                    Meteo-informatie
                </span>
                <ul>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/Meteo/AlgemeenOverzicht.aspx" class="AspNet-Menu-Link" title="Weertekst landelijk">
                            Weertekst landelijk
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/Meteo/Actueel.aspx" class="AspNet-Menu-Link" title="Actueel">
                            Actueel
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/Meteo/Vandaag.aspx" class="AspNet-Menu-Link" title="Vandaag">
                            Vandaag
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/Meteo/KomendeDagen.aspx" class="AspNet-Menu-Link" title="Komende dagen">
                            Komende dagen
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/Meteo/Trend.aspx" class="AspNet-Menu-Link" title="Trend">
                            Trend
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/Meteo/Weerbeeld/Neerslag/Neerslagbeelden.aspx" class="AspNet-Menu-Link" title="Neerslagbeelden">
                            Neerslagbeelden
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/Meteo/Weerbeeld/Bewolking/Bewolkingsbeelden.aspx" class="AspNet-Menu-Link" title="Bewolkingsbeelden">
                            Bewolkingsbeelden
                        </a>
                    </li>
                    <li class="AspNet-Menu-Leaf">
                        <a href="/GMS2Web/Meteo/Weerbeeld/Weerkaart/Weerkaarten.aspx" class="AspNet-Menu-Link" title="Weerkaarten">
                            Weerkaarten
                        </a>
                    </li>
                </ul>
            </li>
        </ul>
    </div>
</div>

                    </td>
                    <td class="MasterPage_Content" width="99%">
                        <table border="0" cellpadding="0" style="width: auto; height: auto; vertical-align: middle; text-align: left;">
                            <tr>
                                <td align="left" colspan="2">
                                    <div id="HeaderContentPage">
                                        <span id="ctl00_smpGMS" class="SM_Content"><a href="#ctl00_smpGMS_SkipLink"><img alt="Skip Navigation Links" height="0" width="0" src="/WebResource.axd?d=T9hgitDYIy4xezVmlRp8Yw2&amp;t=632885292668350944" style="border-width:0px;" /></a><span>Meetpuntinformatie</span><a id="ctl00_smpGMS_SkipLink"></a></span>
                                    </div>
                                </td>
                            </tr>
                        </table>
                        
<div>
    Hier komt informatie over de meetpunten. Wordt verbeterd.<br />
    <br />
    
    <select name="ctl00$ContentDefault$ddGroupsMeetpunt" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentDefault$ddGroupsMeetpunt\',\'\')', 0)" id="ctl00_ContentDefault_ddGroupsMeetpunt" style="width:227px;">
    <option selected="selected" value="1">RWS Sint-Joost</option>
    <option value="2">RWS Venlo</option>
    <option value="3">Provincie Limburg</option>
    <option value="101">Noord-Brabant</option>

</select>
    <select name="ctl00$ContentDefault$ddGMS_Meetpunten" onchange="javascript:setTimeout('__doPostBack(\'ctl00$ContentDefault$ddGMS_Meetpunten\',\'\')', 0)" id="ctl00_ContentDefault_ddGMS_Meetpunten" style="width:221px;">
    <option selected="selected" value="163">0810: Elsloo brug</option>
    <option value="164">0811: Stein brug</option>
    <option value="165">0812: Boshoven</option>
    <option value="166">0813: Maasbrug</option>
    <option value="167">0814: Kerensheide</option>
    <option value="168">0815: Kruisberg</option>
    <option value="169">0816: Dalbrug</option>
    <option value="170">0817: Eijsden</option>
    <option value="181">0851: Kelpen</option>
    <option value="182">0852: Roosteren</option>
    <option value="183">0853: Ten Esschen</option>
    <option value="184">0854: Bocholtz</option>

</select>
    <input type="image" name="ctl00$ContentDefault$btnGrafiekweergave" id="ctl00_ContentDefault_btnGrafiekweergave" class="Button" src="../../../Images/graph20.gif" style="border-width:0px;" />
    <input type="image" name="ctl00$ContentDefault$btnTabelweergave" id="ctl00_ContentDefault_btnTabelweergave" class="Button" src="../../../Images/table20.gif" style="border-width:0px;" />
    <br />
    <br />
    <div class="tblGMSData">
       <div>
    <table cellspacing="0" cellpadding="4" border="0" id="ctl00_ContentDefault_GridView1" style="color:#333333;border-collapse:collapse;">
        <tr class="header">
            <th scope="col">Naam</th><th scope="col">Nummer</th><th scope="col">Weg</th><th scope="col">Grondsoort_omgeving</th><th scope="col">Lat</th><th scope="col">Lon</th><th scope="col">Soort_wegdek</th><th scope="col">Grondsoort</th><th scope="col">Obstakel</th><th scope="col">Omschrijving</th>
        </tr><tr class="tr1">
            <td>Elsloo brug</td><td>0810</td><td>A2</td><td>Brug</td><td>50.95</td><td>5.79</td><td>ZOAB      </td><td>Klei      </td><td>Beplanting</td><td>Brug</td>
        </tr>
    </table>
</div>
        
    </div>
        &nbsp;

    
    
   
    &nbsp;&nbsp;
</div>




<div id="map" style="width: 650px; height: 300px">
    </div>

    <script type="text/javascript" language="javascript">
    //<![CDATA[
    
    
    function BuildMap() {
    if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(50.95, 5.79), 10);
        
    }
      
    }
    BuildMap();
    alert('Google Maps');
    //]]>
    </script> 
       
<br />
<a id="ctl00_ContentDefault_HyperLink1" href="../../../images/elsloo.jpg" target="_blank">Overzicht meetpunt</a>   
   
    
   
    
    <br />
    &nbsp;<br />
    Belangrijke opmerkingen over dit meetpunt:<br />
    De invloed van de wind is groot. Regelmatig opvriezing vroeg in het seizoen.

                    </td>
                </tr>
                <tr id="MasterPage_Footer">
                    <td colspan="2" class="Tekst_Footer">Copyright © WeerOnline | 
                        <a id="ctl00_lnkContact" class="lnkContact" href="javascript:__doPostBack('ctl00$lnkContact','')">Contact</a>
                    </td>
                </tr>
                <tr>
                    <td colspan="2" height="20px">
                    </td>
                </tr>
            </table>
        </div>
        
                
    
<div>

    <input type="hidden" name="__EVENTVALIDATION" id="__EVENTVALIDATION" value="/wEWFgKGhL/8AgLwuOCxBAL/18rfCAL+18rfCAL918rfCAK0r8v+AQLt57yBBQKXjvL4DAL4tNCPAQLd27alCwKmwpS4DQKL6frPBwK8g7qRDwKBqpikAQLEyc24DgKp8PdOArLn1eUKApeOuvsMAvi0mI4BAtLo/uENAs+flNMFAvTU4aAJ2rRbF+WinbyM2f/yAZTTm0e0bB4=" />
</div></form>
</body>
</html>


sorry voor de hele lange lap :), dit is wat view source doet direct nadat ik op ok van de alert heb geklikt.

  • DarkShadow
  • Registratie: Juli 2000
  • Laatst online: 10:59
Ik heb nu dit wel werkend in IE:

code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
  <body onload="BuildMap()" onunload="GUnload()">
  
      <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;key=ABQIAAAAYz6cOB8JlPObrSbAdE_hBhSES3Fxbg0VOFFSficnIx2VqyhWrhTHWD8Ax1u2qVhkCN-xanK6hQK74Q"
      type="text/javascript"></script>
    <script type="text/javascript">
    //<![CDATA[
    function BuildMap() {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng(51.629, 3.91), 10);
      }
    }
    //]]>
    </script>
    
    <div id="map" style="width: 700px; height: 500px"></div>
  </body>


Dat is dus in een Asp.Net page zonder masterpage, dus gewoon met html tags etc.
Het gaat fout op het moment als ik bij de body de load en unload functie weghaal en ergens anders probeer te plaatsen.
Het punt is dat ik met masterpages geen body kan gebruiken en dus nergens buildmap() kan aanroepen.

  • user109731
  • Registratie: Maart 2004
  • Niet online
DarkShadow schreef op vrijdag 20 oktober 2006 @ 11:26:
Het gaat fout op het moment als ik bij de body de load en unload functie weghaal en ergens anders probeer te plaatsen.
Het punt is dat ik met masterpages geen body kan gebruiken en dus nergens buildmap() kan aanroepen.
Dit is ongeveer het JS-equivalent van <body onload="BuildMap()">:
JavaScript:
1
window.onload = function() { BuildMap(); }

Werkt dat ook wel?
:)

  • crisp
  • Registratie: Februari 2000
  • Laatst online: 14:09

crisp

Devver

Pixelated

Je google-map code komt ergens midden in een table terecht zoals je ziet, en als je dan direct al DOM-references gaat doen dan gaat IE op z'n plaat. Je moet je BuildMap functie dus later aanroepen; makkelijkste manier is om
JavaScript:
1
BuildMap();

te vervangen door:
JavaScript:
1
window.onload = BuildMap;

Intentionally left blank


  • DarkShadow
  • Registratie: Juli 2000
  • Laatst online: 10:59
haha, mn collega schreeuwt net uit, het werkt. Terwijl ik hier op refresh loop te rammen; dus ik vraag heb je het toevallig gedaan met window.onload, en dat was het geval :).

Bedankt mensen.

Verwijderd

DarkShadow schreef op vrijdag 20 oktober 2006 @ 11:35:
haha, mn collega schreeuwt net uit, het werkt. Terwijl ik hier op refresh loop te rammen; dus ik vraag heb je het toevallig gedaan met window.onload, en dat was het geval :).

Bedankt mensen.
Hi,
Even terug op inpikken,
Ik heb dit topic zitten lezen, en omdat ik met mijn google map eenzelfde probleem heb (wel zichtbaar in FF en niet in IE 7), ben ik de stappen gaan uitteste.
Maar ik denk dat ik nog iets over het hoofd zie, want met onderstaande code lukt het mij niet:


<body onload="BuildMap()" onunload="GUnload()">
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAVGGqZ7yfPx3HOmSbsmNmmBR-veQU9x2nI6EbRRGsBFILvBaAIRSIsT0O1jZ7s6PfvF0K51Bqt-L12A" type="text/javascript">
</script>
<script type="text/javascript">
//<![CDATA[
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(51.629, 3.91), 10);
}
window.onload = BuildMap;
}
//]]>
</script>
<div id="map" style="width:350px; height: 300px"></div>
</body>

Kunnen jullie mij verder helpen?
Alvast bedankt,
Reno

  • Icelus
  • Registratie: Januari 2004
  • Niet online
Probeer 'ns of het verplaatsen van het script van de body naar het head-gedeelte het probleem oplost.

Developer Accused Of Unreadable Code Refuses To Comment


Verwijderd

Icelus schreef op zondag 25 februari 2007 @ 10:58:
Probeer 'ns of het verplaatsen van het script van de body naar het head-gedeelte het probleem oplost.
Hi,
Geweldig, het is gelukt, hartelijk dank,
>Geweldige posts, geweldig forum,
Na al het zoeken, eindelijk mijn GMap2 op de website toegankelijk voor FF en IE.
Thank,

Gevolgde stappen:
-Standaard code GMap2
-Copy van Google naar bestand
<<Zoals Icelus aangaf, plak de code in de header = top van de pagina
-Daarvoor splits je de code in 'script + body' en in 'div '
-Plaats het script en body in de top van je pagina
-Plaats de div op de gewenste plaats in de body van je pagina
Ziezo,
Dan lukt het voor FF en IE
Voor een voorbeeld zie pagina bron website

Nogmaals dank voor de bijdragen,
ier weten ze toch voor alles en oplossing ;)
rtn

  • Icelus
  • Registratie: Januari 2004
  • Niet online
In principe dienen scripts altijd in het head-gedeelte gezet te worden.

Developer Accused Of Unreadable Code Refuses To Comment

Pagina: 1