Карта Google

Автор Сообщение

John

Иван
#1/12.10.2014 06:21
0

Пользователи

Карма: 0

Здравствуйте. Может кому-то будет нужно подключить карту гугл к объектам на фриланс бирже? я нашел решение.

<style type="text/css">
        html, body {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
      #map-canvas {
      	width: 100%;
      	height: 400px;
      }
      #panel {
        display: none;
      }
    </style>

<script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script>
    <script>
var geocoder;
var map;
function initialize() {
  geocoder = new google.maps.Geocoder();
  var latlng = new google.maps.LatLng(-34.397, 150.644);
  var mapOptions = {
    zoom: 8,
    center: latlng
  }
  map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions);
}

function codeAddress() {
  var address = document.getElementById('address').value;
  geocoder.geocode( { 'address': address}, function(results, status) {
    if (status == google.maps.GeocoderStatus.OK) {
      map.setCenter(results[0].geometry.location);
      var marker = new google.maps.Marker({
          map: map,
          position: results[0].geometry.location
      });
    } else {
      alert('Geocode was not successful for the following reason: ' + status);
    }
  });
}

google.maps.event.addDomListener(window, 'load', initialize);

    </script>

в боди пропишите следущее:

<body onload="initialize(), codeAddress()">

и в нужном месте просто подключите

<div id="panel">
      <input id="address" type="hidden" value="{PRJ_REGION}, {PRJ_CITY}">
      <input type="button" value="Geocode" onclick="codeAddress()">
    </div>
    <div id="map-canvas"></div>

 

Сообщения: 13

adsens

#2/21.10.2014 17:32
0

Пользователи

Карма: 0

А можно чуть поподробнее, куда что прописывать? что прописать в боди, понятно, а первый код и последний, куда прописывать? в какие файлы?

Сообщения: 4

John

Иван
#3/25.10.2014 23:04
0

Пользователи

Карма: 0

Первый код нужно прописать в themes/ваша_тема/header.tpl в твоей теме между тегами head, а последний в modules/projects/tpl/projects.tpl

Сообщения: 13

servis2005

#4/29.10.2014 07:04
0

Аватар

Пользователи

Карма: 0

#4891 John:

Первый код нужно прописать в themes/ваша_тема/header.tpl в твоей теме между тегами head, а последний в modules/projects/tpl/projects.tpl

а куда в боди вставить? что то не получается...

Интересно было бы, если б на главной странице вместо фильтра появлялась карта с проектами. 

Сообщения: 10

John

Иван
#5/29.10.2014 11:16
0

Пользователи

Карма: 0

боди также в themes/ваша_тема/header.tpl

Сообщения: 13

servis2005

#6/29.10.2014 18:45
0

Аватар

Пользователи

Карма: 0

#4905 John:

боди также в themes/ваша_тема/header.tpl

спасибо, получилось.... с утра наверное я не проснулся еще, вот и не получалось 

Сообщения: 10

sinop

#7/12.02.2015 15:13
0

Аватар

Пользователи

Карма: +2

а регистрироваться в Google нужно?

Сообщения: 38

servis2005

#8/12.03.2015 13:02
0

Аватар

Пользователи

Карма: 0

#6394 sinop:

а регистрироваться в Google нужно?

нет, не нужно

Сообщения: 10

waxa

Александр
#9/12.03.2015 19:22
0

Пользователи

Карма: +34

а как установить в определенном месте на этой карте ??

Сообщения: 397

servis2005

#10/13.03.2015 20:56
0

Аватар

Пользователи

Карма: 0

#7487 waxa:

а как установить в определенном месте на этой карте ??

страна и город выводится. если нужен конкретный адрес - я сделал экстраполе adress, соответственно прописал его в файлах и добавил в коде:

<div id="panel">
      <input id="address" type="hidden" value="{PRJ_REGION}, {PRJ_CITY}, {PRJ_ADRESS}">
      <input type="button" value="Geocode" onclick="codeAddress()">
    </div>
    <div id="map-canvas"></div>

 

Сообщения: 10

sinop

#11/17.03.2015 12:01
0

Аватар

Пользователи

Карма: +2

у меня почему то карта не выходит. При загрузке страницы данное поле с картой пытается открыться и сразу сворачивается.

Сообщения: 38

Marginal

Александр
#12/17.03.2015 15:48
0

Пользователи

Карма: +41

Вот в этой теме вполне понятное решение карты от SergeySt Перейти.

Сообщения: 187