zurück zur Startseite
  


Zurück XHTMLforum > Webentwicklung (außer XHTML und CSS) > Javascript & Ajax
Seite neu laden Google Map mit 2 Standorten mit Beschreibung

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 09.02.2017, 19:12
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2016
Beiträge: 8
denizYoshi befindet sich auf einem aufstrebenden Ast
Standard Google Map mit 2 Standorten mit Beschreibung

Hallo Freunde,

bei G.Map hab ich zwei Standorte eingefügt, was es wunderbar auf der Map anzeigt. Nun wollte ich bei einem Klick auf das jeweilige Standort, dass er mir eine Beschreibung anzeigt. Bei marker1 funktioniert es wunderbar, jedoch wenn ich auf den marker2 klicke, passiert nix.

Vllt übersah ich einfach was und hoffe, dass ihr mir weiter helfen könnt-

Geändert von denizYoshi (10.02.2017 um 16:25 Uhr)
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 09.02.2017, 20:43
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von denizYoshi Beitrag anzeigen
Vllt übersah ich einfach was und hoffe, dass ihr mir weiter helfen könnt-

Code:
if($("#map").length)
{
		//google map
		var coordinate = new google.maps.LatLng(50.044858, 8.164307);
		var coordinate2 = new google.maps.LatLng(50.045694, 8.157946);

		var content1 = '<div id="content">'+
		'<div id="siteNotice">'+
		'</div>'+
		'<h1 id="firstHeading" class="firstHeading">Wunschtext</h1>'+
		'<div id="bodyContent">'+
		'<p><b>wurschtelt</b>, Blabla</b>, blabla ' +
		'</div>'+
		'</div>';

		var content2 = '<div id="content2nd">'+
		'<div id="siteNotice">'+
		'</div>'+
		'<h1 id="firstHeading" class="firstHeading"> Wunschtext 2</h1>'+
		'<div id="bodyContent">'+
		'<p><b> Wunschtext 2</b>, blabla</b>, blablabla ' +
		'</div>'+
		'</div>';

		var infowindow = new google.maps.InfoWindow({
			content: content1
		});

		var infowindow2 = new google.maps.InfoWindow({
			content2nd: content2
		});
Schau dir mal die zwei Aufrufe von InfoWindow() an. Fällt dir was auf?

https://developers.google.com/maps/d...pt/infowindows
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 10.02.2017, 00:27
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2016
Beiträge: 8
denizYoshi befindet sich auf einem aufstrebenden Ast
Standard

hmmm nein leider nicht?

kannst du bitte mal nachhelfen?
sitzt da schon etwas länger dran
Mit Zitat antworten
  #4 (permalink)  
Alt 10.02.2017, 09:39
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Die Fehlerkonsole ist leer?
Mit Zitat antworten
  #5 (permalink)  
Alt 10.02.2017, 09:55
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2016
Beiträge: 8
denizYoshi befindet sich auf einem aufstrebenden Ast
Standard

Ja gibt keine Fehler aus

Ich werde einfach nicht schlau draus
Mit Zitat antworten
  #6 (permalink)  
Alt 10.02.2017, 10:00
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Was hast du denn versucht um das Problem einzukreisen?

Hast du etwas gemacht um mal festzustellen, ob der clickhandler aufgerufen wird?

Weil, wenn der Code richtig ist, dann muss er auch funktionieren oder du hast woanders einen Fehler, den können wir aber nicht finden. D.h. ohne ein konkretes Beispiel wird's schwierig.
Mit Zitat antworten
  #7 (permalink)  
Alt 10.02.2017, 16:24
Neuer Benutzer
neuer user
Thread-Ersteller
 
Registriert seit: 19.10.2016
Beiträge: 8
denizYoshi befindet sich auf einem aufstrebenden Ast
Standard

ok hab es gelöst

für die Nachwelt die evtl das gleiche Problem bekommen sollten

man muss den marker2 erstmal initialisieren
Mit Zitat antworten
  #8 (permalink)  
Alt 10.02.2017, 18:56
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.977
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Zitat:
Zitat von denizYoshi Beitrag anzeigen
man muss den marker2 erstmal initialisieren
Das hast du doch in deinem Code gemacht? Oder was meinst du mit intialisieren?
Code:
if($("#map").length)
{
		//google map
		var coordinate = new google.maps.LatLng(50.044858, 8.164307);
		var coordinate2 = new google.maps.LatLng(50.045694, 8.157946);

		var content1 = '<div id="content">'+
		'<div id="siteNotice">'+
		'</div>'+
		'<h1 id="firstHeading" class="firstHeading">Wunschtext</h1>'+
		'<div id="bodyContent">'+
		'<p><b>wurschtelt</b>, Blabla</b>, blabla ' +
		'</div>'+
		'</div>';

		var content2 = '<div id="content2nd">'+
		'<div id="siteNotice">'+
		'</div>'+
		'<h1 id="firstHeading" class="firstHeading"> Wunschtext 2</h1>'+
		'<div id="bodyContent">'+
		'<p><b> Wunschtext 2</b>, blabla</b>, blablabla ' +
		'</div>'+
		'</div>';

		var infowindow = new google.maps.InfoWindow({
			content: content1
		});

		var infowindow2 = new google.maps.InfoWindow({
			content2nd: content2
		});

		var mapOptions = {
			zoom: 16,
			center: coordinate,
			mapTypeId: google.maps.MapTypeId.ROADMAP,
			streetViewControl: false,
			mapTypeControl: false,
			scrollwheel: parseInt($("#map").data("scroll-wheel"), 10),
			draggable: parseInt($("#map").data("draggable"), 10),
			styles: [ { "featureType": "water", "elementType": "geometry", "stylers": [ { "color": "#8ccaf1" } ] },{ "featureType": "poi", "stylers": [ { "visibility": "off" } ] },{ "featureType": "transit", "stylers": [ { "visibility": "off" } ] },{ "featureType": "water", "elementType": "labels", "stylers": [ { "color": "#ffffff" }, { "visibility": "simplified" } ] } ]
		};
		
		map = new google.maps.Map(document.getElementById("map"),mapOptions);
		
		//1 Ort
		marker = new google.maps.Marker({
			position: new google.maps.LatLng(50.044858,8.164307),
			map: map,
			icon: new google.maps.MarkerImage("images/map_pointer.png", new google.maps.Size(38, 48), null, new google.maps.Point(18, 48))
		});

		marker.addListener('click', function() {
			infowindow.open(map, marker);
		});

		
		//2 Map Ort
		marker2 = new google.maps.Marker({
			position: new google.maps.LatLng(50.045694, 8.157946),
			map: map,
			icon: new google.maps.MarkerImage("images/map_pointer.png", new google.maps.Size(38, 48), null, new google.maps.Point(18, 48))
		});

		marker2.addListener('click', function() {
			infowindow2.open(map, marker2);
		});

		map.addOverlay(marker);
		map.addOverlay(marker2);
	}
Mit Zitat antworten
Antwort

Stichwörter
beschreibung, google, map, standort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Google Map über API chefkoch89 (X)HTML 2 14.07.2015 11:48
Kennt sich hier einer mit der Google map Places APi aus bekomme einfach keine Places Blackhead77 Javascript & Ajax 1 30.09.2013 13:12
Google Map - Karte wird nicht angezeigt GN Javascript & Ajax 12 10.09.2010 12:22
Google Map stonetherippa Javascript & Ajax 14 24.10.2007 14:43
Google Map auf Homepage will nicht (IE-Problem) Heart Site- und Layoutcheck 0 18.07.2005 12:20


Alle Zeitangaben in WEZ +2. Es ist jetzt 10:50 Uhr.