Внедрение Карт Google - ссылка «Просмотр на Google Картах» Разбита на мобильном телефоне

Question

Я использовал параметр «Совместное использование и вложение», чтобы поместить карту на сайт, который я разрабатываю (из винтика в нижней части окна « новый»Google Maps:

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d2426.5340551802665!2d-1.3732330000000013!3d52.541864000000004!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x48775aa3a9b0d003%3A0x733a43420fa646be!2sAT+Home+Furniture!5e0!3m2!1sen!2s!4v1392282549357" width="600" height="450" frameborder="0" style="border:0"></iframe> 

на рабочем столе, он отлично работает, вы можете нажать на„Показать на Google Maps“, и она работает, как и следовало ожидать, и показывает местоположение магазина на Google Maps Однако, когда вы нажимаете эту ссылку на мобильном устройстве (Nexus 5, iPad 3, Nexus 7), он просто открывает приложение Google Maps для общей области, и люди должны затем вручную ввести поиск, чтобы найти магазин (скриншот w появляется шляпка ниже).

Неужели это не ошибка с Google Maps? Что я сделал не так? Другие люди испытывают это одинаково?

Ссылка на сайт в настоящее время: AT Home Furniture

2014-02-25 EDIT - Если нет никакого способа, чтобы исправить это (Google наверняка упускать из виду что-то здесь ?!), то можно ли повторить это (карта, настроенная для пользователя, если они вошли в систему) с API? Если вы просматриваете сайт, вы должны увидеть это в действии, но это стандартная функциональность Google Maps, встроенная в iFrame.

2014-02-26 EDIT - Если я использую API Карт Google, как бы мне поместить ссылку на «полную карту» (открыть ее на Картах Google), которая работала на рабочем столе и на мобильном?

Answer 1

Вы можете использовать пользовательские карты информации API окно для отображения карты ссылку акций и т.д.

Смотрите пример здесь: http://jsfiddle.net/PEHba/7/

Вы можете добавить столько маркеров, которые вы хотите. Просто поставьте строки 8-13 в цикле. Вся информация, отображаемая при нажатии на маркер, должна содержаться внутри маркера. При щелчке мы используем this.xyz для доступа к ним.

google.maps.event.addDomListener(window, 'load',  function() { 
    var map = new google.maps.Map(document.getElementById("map-canvas"), 
    { 
     center: new google.maps.LatLng(52.54215, -1.37335), 
     zoom: 14 
    }); 
    //add a marker 
    var marker = new google.maps.Marker({ 
     position: new google.maps.LatLng(52.542151, -1.373351), 
     map: map, 
     title:"Hello World!", 
     View_on_Google_Maps_link: 'https://www.google.com/maps/place/AT+Home+Furniture/@52.541864,-1.373233,16z/data=!4m2!3m1!1s0x0:0x733a43420fa646be?hl=en-GB' 
    }); 

    //attach a click event to the marker to display the info window. 
    google.maps.event.addListener(marker, 'click', function() { 
     //create a info window to show when a maker is clicked 
     var infowindow = new google.maps.InfoWindow({ 
      content: '<div>Share link: '+ this.View_on_Google_Maps_link +'.</div>' 
     }); 
     infowindow.open(map,this); 
    }); 



});