Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- // field di db nya begini misalnya tbl_marker
- libid => int(11) auto_increment primary key
- libtype => int(11)
- name => varchar(sesuaikan)
- address => text
- village => varchar(sesuaikan)
- subdistrict => varchar(sesuaikan)
- city => varchar(sesuaikan)
- prov => varchar(sesuaikan)
- zipcode => varchar(5)
- phone_number => varchar(20)
- fax_number => varchar(20)
- home_page => varchar(sesuaikan)
- email_addr => varchar(sesuaikan)
- latitude => varchar(30) biar aman
- longitude => varchar(30) biar aman
- logo => varchar(sesuaikan)
- marker_icon => varchar(sesuaikan)
- opening_time => varchar(sesuaikan)
- di controller nya misalnya controllernya namanya Maps.php di method marker
- Class Maps extend MY_Controller {
- function marker() {
- $data = get_data('tbl_marker')->result();
- echo json_encode($data);
- }
- }
- // ini cuman ganti funsi createMarkernya aja jadi begini
- function CreateMarker()
- {
- var marker;
- var dragmode = false;
- var icon, iconover, html, desc;
- $.ajax({
- url : base_url + 'maps/marker',
- dataType : 'json',
- success : function(jsonMarker) {
- $.each(jsonMarker, function(i,e){
- icon = jsonMarker[i].marker_icon;
- AutoCompleteMarker[i] = jsonMarker[i].name;
- desc = "<table border='0'><tr>"+
- "<td width='80' valign='top'><img src='" + jsonMarker[i].logo + "' width='70' height='82'></td>"+
- "<td width='250'>"+
- "<b>"+ jsonMarker[i].name +"</b><hr>"+
- "<img src='assets/image/icon/home.gif' class='info-icon'>"+ jsonMarker[i].address + "<br>"+
- "Desa/Kel. " + jsonMarker[i].village+", "+
- "Kec. " + jsonMarker[i].subdistrict + ", " + jsonMarker[i].city+ ", " + jsonMarker[i].prov+ " "+ jsonMarker[i].zipcode +"<br/>";
- if(jsonMarker[i].phone_number != "") desc += "<img src='assets/image/icon/phone.gif' class='info-icon'>" + jsonMarker[i].phone_number + " ";
- if(jsonMarker[i].fax_number != "") desc += "<img src='assets/image/icon/faks.png' class='info-icon'>" + jsonMarker[i].fax_number + "<br/>";
- else desc += "<br/>";
- if(jsonMarker[i].home_page != "") desc += "<img src='assets/image/icon/web.gif' class='info-icon'><a href='" + jsonMarker[i].home_page +"' target='_blank' style='text-decoration: none'>" + jsonMarker[i].home_page + "</a><br/>";
- if(jsonMarker[i].email_addr != "") desc += "<img src='assets/image/icon/mail.png' class='info-icon'><a href='mailto://"+ jsonMarker[i].email_addr +"'>"+ jsonMarker[i].email_addr + "</a><br/>";
- if(jsonMarker[i].opening_time != "") desc += "<img src='assets/image/icon/clock.png' align='top' class='info-icon'><p>" + jsonMarker[i].opening_time +"</p><br/>";
- marker = new google.maps.Marker({
- map: map,
- type: jsonMarker[i].libtype,
- title: jsonMarker[i].name,
- html: desc,
- icon: icon,
- draggable: dragmode,
- animation: google.maps.Animation.DROP,
- position: new google.maps.LatLng(jsonMarker[i].latitude, jsonMarker[i].longitude)
- });
- google.maps.event.addListener(marker, 'click', setInfoWindow);
- markers.push(marker);
- });
- var mcOptions = {
- gridSize: 50,
- maxZoom: DETAIL_ZOOM
- };
- var markerCluster = new MarkerClusterer(map, markers, mcOptions);
- }
- });
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement