<!--map area start--> <div class="map-area"> <div id="googleMap"></div> </div> <!--map area end-->
#googleMap{width:100%;height:600px;}
<!-- Google Map js --> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBuU_0_uLMnFM-2oWod_fzC0atPZj7dHlU"></script> <script> function initialize() { var mapOptions = { zoom: 10, scrollwheel: false, center: new google.maps.LatLng( 33.0522,118.2437), }; var map = new google.maps.Map(document.getElementById('googleMap'), mapOptions ); var marker = new google.maps.Marker({ position: map.getCenter(), animation:google.maps.Animation.BOUNCE, icon: 'images/icons/map-marker.png', map: map }); var contentString = '<div id="content">'+ '<div id="siteNotice">'+ '</div>'+ '<div id="bodyContent">'+ '<p>wright</p>'+ '</div>'+ '</div>'; var infowindow = new google.maps.InfoWindow({ content: contentString }); infowindow.open(map, marker); map.setOptions({}); } google.maps.event.addDomListener(window, 'load', initialize); </script> <!-- Main js file that contents all jQuery plugins activation. -->
Which layout option you want to use?
Which theme color you want to use? Select from here.
Which background pattern you want to use?
Which background image you want to use?