Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="google-map-api">
- <div id="map-canvas" class="gmap"></div>
- </div>
- <script type="text/javascript">
- google_api_map_init();
- function google_api_map_init(){
- var map;
- var locations = new google.maps.LatLng(
- <?php
- $args = array(
- 'showposts' => -1,
- 'post_type' => 'product',
- );
- global $wp_query;
- $wp_query = new WP_Query( $args );
- $i = 1; while ( $wp_query->have_posts() ) :
- $wp_query->the_post();
- $mylati = get_post_meta($post->ID, 'csf_lati', true);
- $mylong = get_post_meta($post->ID, 'csf_long', true);
- if(($mylati !== '') && ($mylong !== '')) :
- ?>
- [<?php echo $mylati; ?>,<?php echo $mylong; ?>],
- <?php endif; ?>
- <?php $i++; endwhile; ?>
- );
- var marker;
- function initialize() {
- var mapOptions = {
- zoom: 12,
- center: locations,
- scrollwheel: false
- }
- var map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
- for (var i = 0; i < locations.length; i++) {
- marker = new google.maps.Marker({
- map:map,
- draggable:true,
- position: locations[i]
- });
- }
- }
- google.maps.event.addDomListener(window, "load", initialize);
- }
- </script>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement