Breaking News: Grepper is joining You.com. Read the official announcement!

javascript display multi locations in google maps

Rich Rattlesnake answered on November 4, 2022 Popularity 5/10 Helpfulness 1/10

answer javascript display multi locations in google maps

javascript display multi locations in google maps

Comment

jQuery( document ).ready( function($) {
 
    var map = new GMaps({
        el: '#google-map',
        lat: '<?php echo $map_area_lat; ?>',
        lng: '<?php echo $map_area_lng; ?>',
        scrollwheel: false
    });
 
    /* Map Bound */
    var bounds = [];
 
    <?php /* For Each Location Create a Marker. */
    foreach( $locations as $location ){
        $name = $location['location_name'];
        $addr = $location['location_address'];
        $map_lat = $location['google_map']['lat'];
        $map_lng = $location['google_map']['lng'];
        ?>
        /* Set Bound Marker */
        var latlng = new google.maps.LatLng(<?php echo $map_lat; ?>, <?php echo $map_lng; ?>);
        bounds.push(latlng);
        /* Add Marker */
        map.addMarker({
            lat: <?php echo $map_lat; ?>,
            lng: <?php echo $map_lng; ?>,
            title: '<?php echo $name; ?>',
            infoWindow: {
                content: '<p><?php echo $name; ?></p>'
            }
        });
    <?php } //end foreach locations ?>
 
    /* Fit All Marker to map */
    map.fitLatLngBounds(bounds);
});

Popularity 5/10 Helpfulness 1/10 Language javascript

Source: shellcreeper.com

Tags: display google-maps javascript

Link to this answer
Share Copy Link

Contributed on Nov 04 2022

Rich Rattlesnake

0 Answers Avg Quality 2/10

Continue with Google

By continuing, I agree that I have read and agree to Greppers's Terms of Service and Privacy Policy.

javascript display multi locations in google maps

Contents

More Related Answers

javascript display multi locations in google maps

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.