Встраиваете карту Google непосредственно из условия поиска?

Question

По сути, я хочу встроить карту для некоторых терминов, которые есть на моем сайте (например, «Нью-Йорк»), но мне не нужно вручную вводить координаты широты / долготы для всех этих терминов. Эти термины в любом случае достаточно распространены / стандартны, так что поиск в Карте Google, по сути, всегда дает правильные результаты с первой попытки.

В идеале я бы просто хотел немного javascript, например

generateMap("New York");

и это даст мне iframe для встроенной карты Google для поискового запроса "Нью-Йорк".

Возможно ли это?

Answer 1

Если вам нужна полнофункциональная карта Google, она немного сложнее, в основном вам нужно сначала использовать то, что называется «Служба геокодирования» (которая является частью gav map javascript api v3: http://code.google.com/apis/maps/documentation/javascript/geocoding.html), чтобы найти место и получить его задержки и lng, а затем перенаправить объект карты Google, чтобы отцентрировать эти задержки и lng.

Вы можете обратиться к исходному коду этого примера здесь: http://code.google.com/apis/maps/documentation/javascript/examples/geocoding-simple.html

Он содержит все необходимые вам части, просто соедините их вместе:)

Answer 2

function generateMap(term) {
    var url = "http://maps.google.com/maps?=q=".encodeURIComponent(term)."&output=embed&t=m&z=7";
    var iframe = document.getElementById("mapframe");
    iframe.style.display = '';
    iframe.src = url;
}

...

<iframe src="about:blank" width="400" height="300" id="mapframe" style="display:none"></iframe>

Answer 3

Да, это возможно. Если вам просто нужна статическая картинка карты, просто используйте URL-адрес, как это, и вы получите то, что хотите:

http://maps.googleapis.com/maps/api/staticmap?center=Brooklyn+Bridge,New+York,NY&zoom=14&size=512x512&maptype=roadmap&markers=color:blue%7Clabel:S%7C40.702147,-74.015794&markers=color:green%7Clabel:G%7C40.711614,-74.012318&markers=color:red%7Ccolor:red%7Clabel:C%7C40.718217,-73.998284&sensor=false

Вы можете видеть, что вы можете использовать адрес типа "Бруклинский мост, Нью-Йорк" непосредственно в параметре "center". Для получения дополнительной информации, пожалуйста, обратитесь к http://code.google.com/apis/maps/documentation/staticmaps/