Postingan lainnya
PHP - Google Maps GPS Awal Sampai Tujuan
Google Maps Permisi master master... Mohon bantuannya. Saya lagi bikin web, tapi ada masalah di bagian peta. Saya mau jual barang, tiap barang alamat penjualnya beda beda. Rencana saya bikin maps dengan rute gps awal sampai alamat tujuan sesuai dbase.
berikut script yang baru bisa menampilkan alamat tujuan sesuai dbase. gimana caranya agar script ini bisa deteksi lokasi awal dengan rute tujuan sesuai dbase.
<html>
<head>
<title>Maps <?php echo $dcari['nama']; ?> - Test</title>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
html { height: 100% }
body { height: 100%; }
#map-canvas { height: 100% }
</style>
<!-- [removed][removed] -->
[removed][removed]
</head>
<body>
<h3>Lokasi : <?php echo $dcari['nama']; ?></h3>
<div id="map-canvas" style="max-width:500px;max-height: 300px;"/>
</body>
</html>
[removed]
function initialize() {
var mapOptions = {
zoom: 15,
center: new google.maps.LatLng(<?php echo "$dcari[lat], $dcari[lng]"; ?>)
}
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
setMarkers(map, beaches);
}
var beaches = [
['<?php echo "$dcari[nama]"; ?>', <?php echo "$dcari[lat], $dcari[lng]"; ?>],
];
function setMarkers(map, locations) {
var shape = {
coords: [1, 1, 1, 20, 18, 20, 18 , 1],
type: 'poly'
};
var infoWindow = new google.maps.InfoWindow;
for (var i = 0; i < locations.length; i++) {
var beach = locations[i];
var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
var marker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: beach[4],
shape: shape,
title: beach[0],
zIndex: beach[3]
});
var html = 'Lokasi : '+beach[0]+'<br/>Latitude : '+beach[1]+'<br/>Longitude : '+beach[2]+'';
bindInfoWindow(marker, map, infoWindow, html);
}
}
function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
}
google.maps.event.addDomListener(window, 'load', initialize);
[removed]
Adakah master master disini yang bisa bantu saya? Suwun
12 Jawaban:
Kalo setiap user yang mau menjual barang, disuruh input location pick up gimana?
rencana memang seperti itu om @CodenameJR... tapi yang saya maksud alamat pengunjung. jadi ketika pengunjung lihat maps, nanti pertama deteksi alamat pengunjung kemudian maps menuju ke alamat penjual barang (tujuan yang di input) sesuai rute.
mohon bantuannya om @CodenameJR. script di atas masih kurang apa kira kira?
yang saya bingungin disini " Saya mau jual barang, tiap barang alamat penjualnya beda beda ". yang saya tangkep mas yang jual barang, harusnya alamatnya ya alamat mas doang :D belum bisa nangkep maksudnya hehe
iya ding hehe.... anggap saja yang jualan itu member.
jadi tiap member alamatnya pasti beda :)
nah, ketika pengunjung buka maps yang di halaman itu. pengunjung dapat melihat langsung lokasi alamat member. tentunya dengan rute alamat pengunjung itu sendiri ke tujuan alamat member (alamat member sudah di input ke dbase)
ohh saya paham maksudnya kalo penjelasanya begitu hehe .. di dokumentasinya ada mas https://developers.google.com/maps/documentation/javascript/geolocation
makasih om :D disitu penjelasannya cuma alamat user (pengunjung)...
saya cari yang menuju alamat tertentu. misal saya buka GPS maps di hp, saya dari semarang menuju jogja. di maps tersebut kan jelas ada rutenya. (dari semarang ke jogja).
ajari saya om @CodenameJR... jangan bosan ya heheeee :D
kalo misalnya gini :
A = longlat member B = longlat pengunjung
buat function untuk membuat direction - https://developers.google.com/maps/documentation/directions/intro
saat pengunjung membuka map - dapetin B
setelah B sudah dapat - jalanin function untuk membuat direction dengan parameter A dan B
mungkin gitu kali ya gambaranya jadi nanti di map ada direction (line) yang mengarah dari lokasi pengunjung, ke lokasi member yang jual. biar di pengunjung tau seberapa jauh jarak antara lokasi dia dengan lokasi penjual. ya?
yang saya tangkep, mau buat route / jalur perjalanan dari lat long si (user) pertama get dulu lokasi user, udh di beritahu di atas oleh mas @CodenameJR .. coba cek di dokumentasi "geolocation", lalu untuk membuat route maps, coba cek referensi ini http://jsfiddle.net/kcjg5jxL/ , tnggl masukin aja lat long nya di " var MapPoints = " nnt otomatis buat route dr alamat 1, 2, 3 dan lanjut seterusnya..
saya juga nangkepnya bgtu mas @gunalirezqimauludi sepertinya referensi yang mas kasih, dia cuma membuat linestring dari beberapa titik kordinate. mungkin yang TS mau, dia mau membuat semacam route planner hehe
matursuwun om @gunalirezqimauludi dan om @CodeNameJR
saya ada gambaran seperti di alamat ini http://jasaprogramaplikasiandroid.blogspot.co.id/2013/03/membuat-rute-pada-web-peta-google-map.html
cuman disitu saya pengen alamat pengunjung secara otomatis kedeteksi, soale untuk alamat tujuan sudah ada.
masalahnya untuk javascript saya minim banget,,, mohon bimbingane om om semua :D
Om @CodenameJR,,,, tolong cek inbox FB nggih. suwun :D