Add Map Step 2

by m4xout

HTML

<h3>My Google Maps Demo</h3>
<div id="map"></div>
<!-- Replace the value of the key parameter with your own API key. -->

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

// Sample JSfiddle API src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBGANx3w2fRw5EGmZrGWGh9givFT5rr-bU&callback=initMap">

// Team event API = AIzaSyBGANx3w2fRw5EGmZrGWGh9givFT5rr-bU
</script>

CSS

#map {
  height: 400px;
  width: 100%;
 }

JavaScript

function initMap() {
  var teamevent = {lat: -33.910861, lng: 151.203398};
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 14,
    center: teamevent
  });
 // var marker = new google.maps.Marker({
  //  position: teamevent,
//   map: map
//  });
  
  var marker = new google.maps.Marker({
    position: {lat: -33.910861, lng: 151.203398},
    map: map,
    title: 'Team Event'
   
  });
   marker.setIcon('http://103.13.103.5/~teameventcom/wp-content/uploads/2018/01/team-event-icons-marker.png') 

  
}