Basit Google Haritası Wıth Marker and Info Window

by Emre Öztürk

HTML

<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDit4G0bMDP54KRwVqRTzvFtFGMNPRt_mo"></script>
<script src="https://code.jquery.com/jquery-1.8.2.min.js"></script>
<div id="MAP"></div>

CSS

#MAP
{
  width:100%;
  height:350px;
}

JavaScript

var myCenter = new google.maps.LatLng(40.775925, 30.388059); 
        var map; 
        function initialize() { 
                var mapProp = {
                center: myCenter, 
                zoom: 13, 
                mapTypeId: google.maps.MapTypeId.ROADMAP, 

                };


                map = new google.maps.Map(document.getElementById("MAP"), mapProp);

                var marker = new google.maps.Marker({ 
                position: myCenter,
                map: map,
                title: 'TEST PROJECT',
                animation: google.maps.Animation.BOUNCE
                });

                var infowindow = new google.maps.InfoWindow({

                      content: '<strong>Lorem İpsum</strong>'
                  });


                google.maps.event.addListener(marker, 'click', function () {

                      infowindow.open(map, marker);
                      }); 


        }

 $(document).ready(function()
        {
            initialize();
        });