Efter att ha sökt lite info om markers i Google maps så tror jag mig nu förstå att de är händelsestyrda (event driven) och därmed kan jag inte få dem att synas hela tiden eller åtminstone när man för muspekaren över dem som jag vill. Däremot ska det gå att få in åtminstone en bokstav i respektive marker enligt koden nedan, men det blir nästa label som inte är använd ännu. Det ser jag dock ingen större vits med utifrån mina önskemål. Skulle det däremot gå att bestämma vad som ska stå i respektive label och då helst med mer än ett tecken vore det intressant. Bifogar kodexempel från Google.
Jag har mycket begränsad kunskap om kodning och har inte arbetat med JSFiddle eller API:er och är inte beredd att lägga någon längre stund på att få det att fungera. Ska jag lägga ner direkt?
https://developers.google.com/maps/documentation/javascript/examples/marker-labels#try-it-yourself
Try it yourself
Hover at top right of the code block to copy the code or open it in JSFiddle.
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no">
<meta charset="utf-8">
<title>Marker Labels</title>
<style>
/* Always set the map height explicitly to define the size of the div
* element that contains the map. */
#map {
height: 100%;
}
/* Optional: Makes the sample page fill the window. */
html, body {
height: 100%;
margin: 0;
padding: 0;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY"></script>
<script>
// In the following example, markers appear when the user clicks on the map.
// Each marker is labeled with a single alphabetical character.
var labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
var labelIndex = 0;
function initialize() {
var bangalore = { lat: 12.97, lng: 77.59 };
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 12,
center: bangalore
});
// This event listener calls addMarker() when the map is clicked.
google.maps.event.addListener(map, 'click', function(event) {
addMarker(event.latLng, map);
});
// Add a marker at the center of the map.
addMarker(bangalore, map);
}
// Adds a marker to the map.
function addMarker(location, map) {
// Add the marker at the clicked location, and add the next-available label
// from the array of alphabetical characters.
var marker = new google.maps.Marker({
position: location,
label: labels[labelIndex++ % labels.length],
map: map
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map"></div>
</body>
</html>
