Latest ads
-
Gemini AI PRO 18 months Offer- Hawaka
- Updated:
-
koko account
- DasunEranga
- Updated:
-
koko account
- DasunEranga
- Updated:
Google Map with Laravel
- Thread starter isurutmv
- Start date
Console තියන දේ වලින් decision ගන්න අමාරුයි 
, ඒත් මම run කරන script එකක් දෙන්නම්. මේකෙ line no 50 තියන {API KEY} එක තමන්ගේ key එකෙන් replace කරන් run කරල බලන්න.
, ඒත් මම run කරන script එකක් දෙන්නම්. මේකෙ line no 50 තියන {API KEY} එක තමන්ගේ key එකෙන් replace කරන් run කරල බලන්න.
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<script src="resources/jquery-3.2.1/script.js"></script>
</head>
<body>
<div id="googleMap" style="width:100%;height:500px;"></div>
<script>
function generate_location_maps() {
google.maps.event.addDomListener(window, 'load', initialize('293/1, Highlevel Road, Pannipitiya, Sri Lanka'));
function initialize(address) {
var geocoder = new google.maps.Geocoder();
var marker;
var map;
var position;
var mapOptions = {
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('googleMap'),
mapOptions);
geocoder.geocode({
'address': address
}, function (results, status) {
if (status == google.maps.GeocoderStatus.OK) {
position = results[0].geometry.location;
marker = new google.maps.Marker({
map: map,
position: position
});
map.setCenter(marker.getPosition());
google.maps.event.addListenerOnce(map, 'idle', function() {
setTimeout(function() {
google.maps.event.trigger(marker, 'click');
},0);
});
}
});
}
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key={API KEY}&callback=generate_location_maps"></script>
</body>
</html>Console තියන දේ වලින් decision ගන්න අමාරුයි
HTML:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <script src="resources/jquery-3.2.1/script.js"></script> </head> <body> <div id="googleMap" style="width:100%;height:500px;"></div> <script> function generate_location_maps() { google.maps.event.addDomListener(window, 'load', initialize('293/1, Highlevel Road, Pannipitiya, Sri Lanka')); function initialize(address) { var geocoder = new google.maps.Geocoder(); var marker; var map; var position; var mapOptions = { zoom: 15, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById('googleMap'), mapOptions); geocoder.geocode({ 'address': address }, function (results, status) { if (status == google.maps.GeocoderStatus.OK) { position = results[0].geometry.location; marker = new google.maps.Marker({ map: map, position: position }); map.setCenter(marker.getPosition()); google.maps.event.addListenerOnce(map, 'idle', function() { setTimeout(function() { google.maps.event.trigger(marker, 'click'); },0); }); } }); } } </script> <script src="https://maps.googleapis.com/maps/api/js?key={API KEY}&callback=generate_location_maps"></script> </body> </html>
thank you mcn
