Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
- <script>
- var map;
- function initialize() {
- var mapOptions = {
- zoom: 7,
- center: new google.maps.LatLng(-44,-74),
- mapTypeId: google.maps.MapTypeId.ROADMAP
- };
- var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
- var projects = [];
- <?php $terrenos = get_terrenos(); ?>
- <?php foreach ($terrenos as $terreno) { ?>
- projects.push({
- lat: <?php echo isset($terreno->latitud) ? "'" . $terreno->latitud . "'": '' ?> ,
- lon: <?php echo isset($terreno->longitud) ? "'" . $terreno->longitud . "'": '' ?>,
- info: <?php echo isset($terreno->name) ? "\"" . $terreno->name . "\"" : '' ?>,
- marker : null
- });
- <?php } ?>
- // console.log(projects);
- var InfoWindow = new google.maps.InfoWindow(
- {
- content: '...'
- });
- for( var key in projects ){
- var project = projects[key];
- project.marker = new google.maps.Marker({
- position: new google.maps.LatLng(project.lat, project.lon),
- map: map,
- info: project.info
- });
- google.maps.event.addListener(project.marker, 'click', function(){
- InfoWindow.setContent(this.info);
- InfoWindow.open(map, this);
- });
- }
- }
- google.maps.event.addDomListener(window, 'load', initialize);
- </script>
- <div id="map-canvas" style="width:480px; height:418px; margin-top:1px; float:left; margin-right:10px;"></div>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement