[Помогите] Google map

Тема в разделе "Wordpress", создана пользователем dwm, 23 май 2015.

  1. dwm

    dwm

    Регистрация:
    31 окт 2012
    Сообщения:
    134
    Симпатии:
    14
    Приветствую, уважаемые. Столкнулся с проблемой:
    итак, есть сайт с кучей постов. каждый пост - это страница предприятия.
    Требуется:
    вывести на каждой странице поста Google карту с 1-5 маркерами. Максимально автоматизировав этот процесс (т.к. сайтом будут заиматься люди, которые не знают что такое HTML)

    Что есть в данный момент:
    Установил Advanced Custom Fields, но он че-то никак не хочет выводить карту в записях...

    Поможете?

    Заранее спасибо!
    С Уважением, Я.
     
  2. dwm

    dwm

    Регистрация:
    31 окт 2012
    Сообщения:
    134
    Симпатии:
    14
    Товарищи, выручайте. До сих пор проблема не решена. Нужно как-то вывести карты в каждой записи. Со своими отдельными адресами (местами).
    Хээээлп!!!!
     
  3. Marrie

    Marrie

    Регистрация:
    7 сен 2015
    Сообщения:
    50
    Симпатии:
    10
    сам скрипты карты есть?
    в шапку:

    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
    в single.php в лупе:
    <script>
    (function(jQuery, undefined){
    jQuery(function(){

    jQuery(function(){
    var map;
    var elevator;
    var myOptions = {
    zoom: 1,
    center: new google.maps.LatLng(0, 0),
    mapTypeId: 'terrain'
    };
    map = new google.maps.Map($('#map_canvas')[0], myOptions);

    var image = new google.maps.MarkerImage('img/marker.png',
    new google.maps.Size(42, 68),
    new google.maps.Point(0,0),
    new google.maps.Point(0, 36));
    var addresses = ['Norway', 'Africa', 'Asia','North America','South America'];

    for (var x = 0; x < addresses.length; x++) {
    $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=false', null, function (data) {
    var p = data.results[0].geometry.location
    var latlng = new google.maps.LatLng(p.lat, p.lng);
    new google.maps.Marker({
    position: latlng,
    icon: image,
    map: map
    });

    });
    }
    });
    });

    })(jQuery);
    </script>
    ищете
    var addresses = ['Norway', 'Africa', 'Asia','North America','South America'];
    вместо Norway,Africa .. - выводите нужные поля <?php echo get_field('tochka1');?><?php echo get_field('tochka2');?> и тд

    в нужном месте віводим карту
    <div id='map_canvas' class='map'></div>
    --- Добавлено, 7 сен 2015 ---
    только не забудьте задать стили для класса map
    --- Добавлено, 8 сен 2015 ---
    *перед тем как выводить именно поля - удостоверься что у тебя создано поле tochka1, tochka2.... для записей
    а когда наполняешь запись - можно вводить координаты например 50.417724,30.454822
    http://jsfiddle.net/Marrie/p9fqfcww/