Create
cancel
Showing results for 
Search instead for 
Did you mean: 
Sign up Log in

It's not the same without you

Join the community to find out what other Atlassian users are discussing, debating and creating.

Atlassian Community Hero Image Collage

How to display an image from the database in google maps infowindow?

here is my code for the contentString for the infoWindow

<script>
.
.
.
var contentstring = '<div id="content">'+
'<div id="siteNotice">'+
'<img src="images/img5.jpg" height="100" width="100" />' +
'</div>'+
'<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
'<div id="bodyContent">'+
'<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +
'sandstone rock formation in the southern part of the '+
'Northern Territory, central Australia. It lies 335 km (208 mi) '+
'south west of the nearest large town, Alice Springs; 450 km '+
'(280 mi) by road. Kata Tjuta and Uluru are the two major '+
'features of the Uluru - Kata Tjuta National Park. Uluru is '+
'sacred to the Pitjantjatjara and Yankunytjatjara, the '+
'Aboriginal people of the area. It has many springs, waterholes, '+
'rock caves and ancient paintings. Uluru is listed as a World '+
'Heritage Site.</p>'+
'<p>Attribution: Uluru, <a href="http://en.wikipedia.org/w/index.ph…
'</a>http://en.wikipedia.org/w/index.php?title=Uluru</a> '+
'(last visited June 22, 2009).</p>'+
'</div>'+
'</div>';
function placeMarker(location) {
var marker = new google.maps.Marker({
position: location,
map: map,
title: 'Uluru (Ayers Rock)'
});
var infowindow = new google.maps.InfoWindow({
minWidth:800,
content: contentstring //'Latitude: ' + location.lat() + '<br>Longitude: ' + location.lng()
});
infowindow.open(map,marker);
//deleting a marker on right click...................................…
google.maps.event.addListener(marker, 'rightclick', function(event) {
marker.setMap(null);
});
markers.push(marker);
}

google.maps.event.addDomListener(windo… 'load', initialize);
.
.
.
.
.

</script>
the contentString is just a demo part. i want to display an image in the first div in contentString from the database. can anyone tell me what can i do to make it right.....

1 answer

How is any of this relevant to the Atlassian product stack? You may want to try stackoverflow.com instead.

Suggest an answer

Log in or Sign up to answer
TAGS
Community showcase
Published in Off-topic

🏸 Atlympic Event: Community!

Quick disclaimer: We are running a contest on Community (The Atlympics!) from July 23rd - August 8th of 2021. If you are interested in participating in this contest (prizes! badges! fun!) please read...

937 views 31 24
Read article

Community Events

Connect with like-minded Atlassian users at free events near you!

Find an event

Connect with like-minded Atlassian users at free events near you!

Unfortunately there are no Community Events near you at the moment.

Host an event

You're one step closer to meeting fellow Atlassian users at your local event. Learn more about Community Events

Events near you