Advertisement
Guest User

Untitled

a guest
Dec 14th, 2018
75
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. // field di db nya begini misalnya tbl_marker
  2. libid => int(11) auto_increment primary key
  3. libtype => int(11)
  4. name => varchar(sesuaikan)
  5. address => text
  6. village => varchar(sesuaikan)
  7. subdistrict => varchar(sesuaikan)
  8. city => varchar(sesuaikan)
  9. prov => varchar(sesuaikan)
  10. zipcode => varchar(5)
  11. phone_number => varchar(20)
  12. fax_number => varchar(20)
  13. home_page => varchar(sesuaikan)
  14. email_addr => varchar(sesuaikan)
  15. latitude => varchar(30) biar aman
  16. longitude => varchar(30) biar aman
  17. logo => varchar(sesuaikan)
  18. marker_icon => varchar(sesuaikan)
  19. opening_time => varchar(sesuaikan)
  20.  
  21.  
  22. di controller nya misalnya controllernya namanya Maps.php di method marker
  23.  
  24. Class Maps extend MY_Controller {
  25.     function marker() {
  26.         $data = get_data('tbl_marker')->result();
  27.         echo json_encode($data);
  28.     }
  29. }
  30.  
  31. // ini cuman ganti funsi createMarkernya aja jadi begini
  32. function CreateMarker()
  33. {
  34.     var marker;
  35.     var dragmode = false;
  36.     var icon, iconover, html, desc;
  37.  
  38.     $.ajax({
  39.         url : base_url + 'maps/marker',
  40.         dataType : 'json',
  41.         success : function(jsonMarker) {
  42.             $.each(jsonMarker, function(i,e){
  43.                 icon = jsonMarker[i].marker_icon;
  44.                 AutoCompleteMarker[i] = jsonMarker[i].name;
  45.  
  46.                 desc = "<table border='0'><tr>"+
  47.                     "<td width='80' valign='top'><img src='" + jsonMarker[i].logo + "' width='70' height='82'></td>"+
  48.                         "<td width='250'>"+
  49.                             "<b>"+ jsonMarker[i].name +"</b><hr>"+
  50.                             "<img src='assets/image/icon/home.gif' class='info-icon'>"+ jsonMarker[i].address + "<br>"+
  51.                             "Desa/Kel.&nbsp;" + jsonMarker[i].village+",&nbsp; "+
  52.                             "Kec.&nbsp;" + jsonMarker[i].subdistrict + ",&nbsp;" + jsonMarker[i].city+ ",&nbsp;" + jsonMarker[i].prov+ "&nbsp;"+ jsonMarker[i].zipcode +"<br/>";
  53.  
  54.                 if(jsonMarker[i].phone_number != "") desc += "<img src='assets/image/icon/phone.gif' class='info-icon'>" + jsonMarker[i].phone_number + "&nbsp;&nbsp;&nbsp;&nbsp;";
  55.  
  56.                 if(jsonMarker[i].fax_number != "") desc += "<img src='assets/image/icon/faks.png' class='info-icon'>" + jsonMarker[i].fax_number + "<br/>";
  57.                 else desc += "<br/>";
  58.  
  59.                 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/>";
  60.  
  61.                 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/>";
  62.  
  63.                 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/>";
  64.  
  65.                 marker = new google.maps.Marker({
  66.                     map: map,
  67.                     type: jsonMarker[i].libtype,
  68.                     title: jsonMarker[i].name,
  69.                     html: desc,
  70.                     icon: icon,
  71.                     draggable: dragmode,
  72.                     animation: google.maps.Animation.DROP,
  73.                     position: new google.maps.LatLng(jsonMarker[i].latitude, jsonMarker[i].longitude)
  74.                 });
  75.  
  76.                 google.maps.event.addListener(marker, 'click', setInfoWindow);
  77.  
  78.                 markers.push(marker);
  79.             });
  80.  
  81.             var mcOptions = {
  82.                     gridSize: 50,
  83.                     maxZoom: DETAIL_ZOOM
  84.                     };
  85.  
  86.             var markerCluster = new MarkerClusterer(map, markers, mcOptions);
  87.         }
  88.     });
  89. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement