if (navigator.geolocation) {
        navigator.geolocation.getCurrentPosition(showPosition);
    }
    function showPosition(position) {
        var  lat = position.coords.latitude;
        var lon = position.coords.longitude;

        jQuery(function(){

        <?php if ( have_posts() ) : ?>

        <?php while ( have_posts() ) : the_post(); ?>

            <?php
            if ( mb_strlen( get_the_title() ) >= 75 ) $ttitulo =  mb_substr( get_the_title(), 0, 75 ) . '...'; else $ttitulo = get_the_title();
            $tID = get_the_ID();
            ?>
            var conteudo<?php echo $tID; ?> = '<div id="balao">'+
         '<img src="/thumbs.php?arquivo=guia_anuncios/1584/_201020140843300.jpg&altura=90&largura=90" />'+
                                '<p><strong>$ttitulo</strong></p><br/>'+
                                '<p>Fone: (88) 3111-1014</p>'+
                                ''+
                                '</div>';

        <?php endwhile; ?>

        <?php endif; ?>


// inicializa plugin gmap3
jQuery("#mapa").gmap3({
    map:
    {
      // local padrão onde o mapa irá aparecer quando carregado
      address:[lat, lon],
      options:
      {
        // zoom inicial (aproximação)
        zoom:6,
        // opções de controle do tipo do mapa (ruas, satélite, etc).
        // mapTypeControl como FALSE não mostra opções
        mapTypeControl: true,
        mapTypeControlOptions:
        {
          // define controles no formato dropdown
          style: google.maps.MapTypeControlStyle.DROPDOWN_MENU
        },
        // permite navegar com o botão scroll do mouse
        scrollwheel: true,
        // mostra bonequinho para habilitar modo streetview
        streetViewControl: true
      }
    },
    // marcadores
    marker:{
    // valores (localização dos marcadores)
    values:[
    // pode ser uma latitude/longitude
      //{latLng:[-20.488773,-54.619217], data:conteudoCampoGrande, options:{icon:"imagens/marcador.png", shadow:"imagens/marcador_sombra.png"}},
    // podem ser palavras-chave ou endereços
    <?php if ( have_posts() ) : ?>

        <?php while ( have_posts() ) : the_post(); ?>

            <?php
            if ( mb_strlen( get_the_title() ) >= 75 ) $ttitulo =  mb_substr( get_the_title(), 0, 75 ) . '...'; else $ttitulo = get_the_title();
            $tID = $post->ID;
            $tLatitude = get_post_meta($post->ID, 'cp_latitude', true);
            $tLongitude = get_post_meta($post->ID, 'cp_longitude', true);
            ?>
             {latLng:[<?php echo $tLatitude; ?>,<?php echo $tLongitude; ?>], data:conteudo<?php echo $tID; ?>, options:{icon:"<?php echo get_stylesheet_directory_uri(); ?>/images/marcador.png", shadow:"<?php echo get_stylesheet_directory_uri(); ?>/imagens/marcador_sombra.png"}},
        <?php endwhile; ?>

        <?php endif; ?>

    ],
    // evita reposicionar marcadores
    options:{
      draggable: false
    },
    // listener de eventos
    events:{
      // evento de clique
      click: function(marker, event, context)
      {
        // cria a infowindow
        var map = jQuery(this).gmap3("get"),
          infowindow = jQuery(this).gmap3({get:{name:"infowindow"}});

       //
        if (infowindow)
        {
          infowindow.open(map, marker);
          infowindow.setContent(context.data);
        } else {
          jQuery(this).gmap3({
            infowindow:
            {
              anchor:marker,
              options:{content: context.data}
            }
          });
        }
      }
    }
  }
  });
});



    }