 Nieuw lid |
|
Voor iemand er iets van zegt: Ja, ik heb deze vraag al eens gesteld, maar blijkbaar heb ik met m'n dwaze kop perongelukt aangeklikt dat het opgelost was maar jammergenoeg is dat nog niet zo.
Zie ook "Google maps textballon"
In de code van Google maps kan je een stuk code toevoegen die eentekstballon op je scherm laat verschijnen met de info die je er zelf aan toe voegt.
Nu wil ik die info op verschillende lijnen plaatsen. Ik heb reeds de door mij gekende code's gebruikt < /br> en \n, maar het lijkt niet te helpen
<script src="http://maps.google.com/maps?file=api&v=2&hl=nl&key=*****" type="text/javascript"></script>
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&hl=nl&key=*****" type="text/javascript"></script>
<script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script>
<style type="text/css">
@import url("http://www.google.com/uds/css/gsearch.css");
@import url("gmlocalsearch.css");
#map {
border : 1px solid #979797;
width : 100%;
height : 500px;
}
</style>
<script type="text/javascript">
//<![CDATA[
function load() {
if (GBrowserIsCompatible()) {
// Create and Center a Map
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(51.184765, 4.449469), 14);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
// bind a search control to the map, suppress result list
map.addControl(new google.maps.LocalSearch());
map.openInfoWindow(map.getCenter(),
document.createTextNode("[strong]REGEL1[/strong] [strong]REGEL2[/strong]"));
}
}
GSearch.setOnLoadCallback(load);
//]]>
</script>
<script src="http://maps.google.com/maps?file=api&v=2&hl=nl&key=*****" type="text/javascript"></script> <script src="http://www.google.com/uds/api?file=uds.js&v=1.0&hl=nl&key=*****" type="text/javascript"></script> <script src="http://www.google.com/uds/solutions/localsearch/gmlocalsearch.js" type="text/javascript"></script> <style type="text/css"> @import url("http://www.google.com/uds/css/gsearch.css"); @import url("gmlocalsearch.css"); #map { border : 1px solid #979797; width : 100%; height : 500px; } </style> <script type="text/javascript"> //<![CDATA[ function load() { if (GBrowserIsCompatible()) { // Create and Center a Map var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(51.184765, 4.449469), 14); map.addControl(new GSmallMapControl()); map.addControl(new GMapTypeControl()); // bind a search control to the map, suppress result list map.addControl(new google.maps.LocalSearch()); map.openInfoWindow(map.getCenter(), document.createTextNode("[strong]REGEL1[/strong] [strong]REGEL2[/strong]")); } } GSearch.setOnLoadCallback(load); //]]> </script>
op deze manier verschijnen de woorden "regel1" en "regel2" gewoon achter elkaar. Het is de bedoeling dat ze onder elkaar komen te staan.
Iemand een idee?
|
Wat is jouw favoriete javascript framework? (S: 18, R: 2)
Gesponsorde links
Actiefste leden van de maand
