Exemple Username GoogleMap

Afficher username d'un utilisateur sur google map

HTML

<div id="map" data-username="Couleurs Afrik Marcello"></div>
<script async 
defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&callback=initMap"></script>

CSS

#map {
  height: 100%;
}
html, body {
  height: 100%;
  margin: 0;
  padding: 0;
}

JavaScript

var mapContainer = document.getElementById('map');
var username = map.getAttribute('data-username');
function initMap() {
  var uluru = {lat: -25.363, lng: 131.044};
  var map = new google.maps.Map(mapContainer, {
    zoom: 4,
    center: uluru
  });

  var contentString = username;

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

  var marker = new google.maps.Marker({
    position: uluru,
    map: map,
    title: username
  });
  marker.addListener('click', function() {
    infowindow.open(map, marker);
  });
}