bug7sec

Google Maps Selec Location

Feb 11th, 2016
407
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
PHP 1.36 KB | None | 0 0
  1. <select id="mySelect" onchange="myFunction()">
  2.   <option>Tampilkan maps</option>
  3.   <option value="<?php echo $model['location_lat'] . ',' . $model['location_long']; ?>">device</option>
  4.   <option value="<?php echo $model['device_lat'] . ',' . $model['device_long']; ?>">device2</option>
  5. </select>
  6.  
  7.  
  8.  
  9.  
  10.                                        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
  11.  
  12.                                        <div id="map" style="width: 860px; height: 300px;"></div>
  13.  
  14.         <script type="text/javascript">
  15.         function myFunction() {
  16.  
  17.             var x = document.getElementById("mySelect").value;
  18.             alert(x);
  19.               var myLatlng = new google.maps.LatLng(<?php echo $model['location_lat'];?>,<?php echo $model['location_long'];?>);
  20.               var myOptions = {
  21.                   zoom: 13,
  22.                   center: myLatlng
  23.               };
  24.               var map = new google.maps.Map(document.getElementById("map"), myOptions);
  25.               var marker = new google.maps.Marker({
  26.                    position: myLatlng,
  27.                    map: map,
  28.                    title:"Location",
  29.                    icon:"https://upload.wikimedia.org/wikipedia/commons/0/03/Bigcity_red.png",
  30.                    description:"ass"
  31.               });
  32.           }
  33.         </script>
Add Comment
Please, Sign In to add comment