Google Maps JavaScript API: map, markers, circles, and geocoding

<script async defer
  src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap">
</script>

<script>
function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {...});
}
</script>

new google.maps.LatLng(40.770088, -73.971146);

map = new google.maps.Map(document.getElementById('map'), {
  center: {lat: -34.397, lng: 150.644},
  zoom: 8
});

var mapOptions = {
  zoom: 8,
  center: myLatlng,
  mapTypeId: 'satellite'
};

map.setMapTypeId('terrain');

var marker = new google.maps.Marker({
    position: {lat: -25.344, lng: 131.036},
    map: map
});

var coords = marker.getPosition();
var lat = marker.getPosition().lat();
var lng = marker.getPosition().lng();

new google.maps.Marker({
    position: event.latLng,
    icon: {
        url: window.app.iconRadiusCenter,
        anchor: {
            x: 25,
            y: 25
        }
    },
    map: map
});

var cityCircle = new google.maps.Circle({
    strokeColor: '#FF0000',
    strokeOpacity: 0.8,
    strokeWeight: 2,
    fillColor: '#FF0000',
    fillOpacity: 0.35,
    map: map,
    center: citymap[city].center,
    radius: Math.sqrt(citymap[city].population) * 100
});

$http_client = new \Http\Adapter\Guzzle6\Client();
$http_client = new \Http\Client\Curl\Client();

$http_client = new \Http\Adapter\Guzzle6\Client();

$provider = new \Geocoder\Provider\GoogleMaps\GoogleMaps($http_client, null, 'YOUR_API_KEY');

$result = $provider->geocodeQuery(GeocodeQuery::create('Buckingham Palace, London'));

var_dump($result->all());