JSFiddle

  • Directions service

    No-Library (pure JS), HTML, CSS, JavaScript

    function initMap() {
      var directionsService = new google.maps.DirectionsService;
      var directionsDisplay = new google.maps.DirectionsRenderer;
      var map = new google.maps.Map ...
  • Directions service

    No-Library (pure JS), HTML, CSS, JavaScript

    function initMap() {
      var directionsService = new google.maps.DirectionsService;
      var directionsDisplay = new google.maps.DirectionsRenderer;
      var map = new google.maps.Map ...
  • Rectangles

    No-Library (pure JS), HTML, CSS, JavaScript

    // This example adds a red rectangle to a map.
    
    function initMap() {
      var map = new google.maps.Map(document.getElementById('map ...
  • Polygon Arrays #3 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    // This example creates a simple polygon representing the Bermuda Triangle.
    // When the user clicks on the polygon an info window ...
  • Polygon Arrays #1 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    // This example creates a simple polygon representing the Bermuda Triangle.
    // When the user clicks on the polygon an info window ...
  • Simple Polygon

    No-Library (pure JS), HTML, CSS, JavaScript

    // This example creates a simple polygon representing the Bermuda Triangle.
    
    function initMap() {
      var map = new google.maps.Map(document.getElementById ...
  • Rectangles #2 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    // This example adds a red rectangle to a map.
    
    function initMap() {
      var map = new google.maps.Map(document.getElementById('map ...
  • Circles

    No-Library (pure JS), HTML, CSS, JavaScript

    // This example creates circles on the map, representing populations in North
    // America.
    
    // First, create an object containing LatLng and population ...
  • Rectangles

    No-Library (pure JS), HTML, CSS, JavaScript

    // This example adds a red rectangle to a map.
    
    function initMap() {
      var map = new google.maps.Map(document.getElementById('map ...
  • Rectangles

    No-Library (pure JS), HTML, CSS, JavaScript

    // This example adds a red rectangle to a map.
    
    function initMap() {
      var map = new google.maps.Map(document.getElementById('map ...