Google API Einbinden
Hallo zusammen,
ich habe folgendes Script im Internet entdeckt. Funktioniert Super.
Mein Ziel, ohne Karte etc. einfach nur die Entfernung zweier Adressen auszugeben.
Nun mein vorhaben.
Wir arbeiten mit dem Dynamics CRM 4.0 und ich möchte hier das Script verwenden.
Ausgangssituation, ich habe ein Feld => Startpunkt und ein Feld => Ziel
Nun habe ich das OnChange für das Zielfeld aktiviert und habe nun die Möglichkeit mein Script in OnChange { } einzubinden.
So sieht mein erfolgloser Versuch aus:
Leide geht garnichts. Gut, ich kenne mich mit JavaScript auch nicht besonders aus.
1. Wird GMap2 nicht erkannt. Es kommt die Meldung "GMap2 nicht definiert". Das lässt daraus schließen, dass das Einbinden der API nicht klappt.
2. Im Original Script wird die Map und Directions in ein DIV geladen. Sowas habe ich in meiner Seiten nicht. Ich will ja auch nichts angezeigt bekommen, sondern nur die Entfernung.
Ich hoffe ihr könnt mir unter die Arme greifen.
Vielen Dank
Gruß
ottscho
ich habe folgendes Script im Internet entdeckt. Funktioniert Super.
Mein Ziel, ohne Karte etc. einfach nur die Entfernung zweier Adressen auszugeben.
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
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
<html>
<head>
<title>Test</title>
<script src="http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAIBlfPcR43RwgLRxQKjAy2xRzxUU7HWfUhvWvbguoaaquJfPF1RQR1WAEgPwjeFfjvNmou0qqiz48MA" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
var map;
var directions;
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("maps"));
directions = new GDirections(map, document.getElementById("directions")); //map, document.getElementById("directions")
setDirections("Paderborn, Haidhügel 15", "Paderborn, Detmolder Straße");
//Hier Ausgabe veranlassen
GEvent.addListener(directions, "load", function() {
alert( directions.getDistance().meters); //object->meters
});
}
}
function setDirections(fromAddress, toAddress) {
directions.load("from: " + fromAddress + " to: " + toAddress);
}
//]]>
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="maps"></div>
<div id="directions"></div>
</body>
</html>
Nun mein vorhaben.
Wir arbeiten mit dem Dynamics CRM 4.0 und ich möchte hier das Script verwenden.
Ausgangssituation, ich habe ein Feld => Startpunkt und ein Feld => Ziel
Nun habe ich das OnChange für das Zielfeld aktiviert und habe nun die Möglichkeit mein Script in OnChange { } einzubinden.
So sieht mein erfolgloser Versuch aus:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
OnChange {
var url = "http://maps.google.com/maps?file=api&v=2&key=ABQIAAAAIBlfPcR43RwgLRxQKjAy2xRzxUU7HWfUhvWvbguoaaquJfPF1RQR1WAEgPwjeFfjvNmou0qqiz48MA";
var scriptElement = document.createElement("<script src'" + url + "' language='javascript'>");
document.getElementsByTagName("head").insertAdjacentElement("beforeEnd",scriptElement);
var map;
var directions;
map = new GMap2();
directions = new GDirections();
setDirections("Paderborn, Haidhügel 15", "Paderborn, Detmolder Straße");
GEvent.addListener(directions, "load", function() {
alert( directions.getDistance().meters);
});
function setDirections(fromAddress, toAddress) {
directions.load("from: " + fromAddress + " to: " + toAddress);
}
}
Leide geht garnichts. Gut, ich kenne mich mit JavaScript auch nicht besonders aus.
1. Wird GMap2 nicht erkannt. Es kommt die Meldung "GMap2 nicht definiert". Das lässt daraus schließen, dass das Einbinden der API nicht klappt.
2. Im Original Script wird die Map und Directions in ein DIV geladen. Sowas habe ich in meiner Seiten nicht. Ich will ja auch nichts angezeigt bekommen, sondern nur die Entfernung.
Ich hoffe ihr könnt mir unter die Arme greifen.
Vielen Dank
Gruß
ottscho
Bitte markiere auch die Kommentare, die zur Lösung des Beitrags beigetragen haben
Content-ID: 143845
Url: https://administrator.de/forum/google-api-einbinden-143845.html
Ausgedruckt am: 09.04.2025 um 22:04 Uhr
2 Kommentare
Neuester Kommentar
Cross Posting: http://www.mediengestalter.info/forum/4/javascript-google-api-143774-1. ...
Mir ist nicht klar, warum du das Google Maps Script selbst per JS laden willst.
Das größere Problem ist aber, dass du nicht einfach einen Maps API Key klauen kannst, sondern dass du einen selbst beantragen musst.
Mir ist nicht klar, warum du das Google Maps Script selbst per JS laden willst.
Das größere Problem ist aber, dass du nicht einfach einen Maps API Key klauen kannst, sondern dass du einen selbst beantragen musst.