Próbuję umieścić mapkę z markerem na mojej stronie wygenerowałem api key, po wstawieniu całego kodu dostaję error:
Uncaught InvalidValueError: init_map is not a function
kod:
HTML:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?key=AIzaSyDFzvDik3ZzAWI0s85hr2CPI14nzyERAAQ&callback=init_map"></script>
<div id="gmap"></div>
JS:
function init_map(){
var myOptions = {
zoom:16,
center:new google.maps.LatLng(52.1850022,21.65786830000002),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map($('#gmap'), myOptions);
marker = new google.maps.Marker({
map: map,
position: new google.maps.LatLng(52.1850022, 21.65786830000002)
});
infowindow = new google.maps.InfoWindow({
content:"<b>Restauracja GASTRO</b><br/>Miła 5<br/> Janów"
});
google.maps.event.addListener(marker, "click", function(){
infowindow.open(map,marker);});infowindow.open(map,marker);
google.maps.event.addDomListener(window, 'load', init_map);
}
EDIT:
JS
var latlng = new google.maps.LatLng(52.1850022,21.65786830000002);
var settings = {
zoom: 12,
center: new google.maps.LatLng(52.1850022,21.65786830000002),
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
scrollwheel: false,
draggable: true,
navigationControl: false
};
var map = new google.maps.Map(document.getElementById("gmap"), settings);
google.maps.event.addDomListener(window, "resize", function() {
var center = map.getCenter();
google.maps.event.trigger(map, "resize");
map.setCenter(center);
});
var contentString = '<div class="map-tooltip">'+
'<h6>Restauracja Gastro <span class="amber-text text-accent-3"><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></span></h6>'+
'<p>Loreum ipsum, Loreum ipsum, Loreum ipsum, Loreum ipsum, <br/>' +
'Adres: Piękna miejscowość ul. miła 5<br/>' +
'Tel: 000 000 000</p>'+
'</div>';
var infowindow = new google.maps.InfoWindow({
content: contentString
});
var companyImage = new google.maps.MarkerImage('http://www.fbmazur.intersid.pl/images/map-pin.png',
new google.maps.Size(40,70),<!-- Width and height of the marker -->
new google.maps.Point(0,0),
new google.maps.Point(20,55)
);
var companyPos = new google.maps.LatLng(52.1850022,21.65786830000002);
var companyMarker = new google.maps.Marker({
position: companyPos,
map: map,
icon: companyImage,
zIndex: 3});
google.maps.event.addListener(companyMarker, 'click', function() {
infowindow.open(map,companyMarker);
});
infowindow.open(map,companyMarker);