2013-07-06 3 views
0

Я хотел бы иметь карту на странице контакта моего поддомена по адресу http://www.pedregoza.org/birds/contact.html. Я верно копировал код в различных примерах для карт Google и делал таблицу стилей в своем .css. Я указал реферальные домены, такие как .pedregoza.org/birds/etc, все безрезультатно. Я работаю в html, и я могу редактировать скрипты java, когда это необходимо, но я считаю, что google-карты api очень сложны, учитывая, что в Интернете полно похожих жалоб на мои. Вот ошибка, которую я продолжаю получать: * Google отключил использование API Карт для этого приложения. Предоставленный ключ не является действительным ключом API Google, или он не разрешен для API Javascript Google 3 на этом сайте. Если вы являетесь владельцем этого приложения, вы можете узнать о получении действительного ключа здесь: https://developers.google.com/maps/documentation/javascript/tutorial#api_key * И да, я создал новый ключ, включенный API v.3, и попробовал кучу других предложений, которые сделали люди. Если я не могу заставить это работать, то, я думаю, карты google полезны только для статических отображений карт, что печально. Я надеялся, что люди смогут увеличивать и уменьшать масштаб карты на нашем сайте. Если у кого-то есть предложение; Я был бы счастлив попробовать. Я знаю, что я не одинок с этой проблемой.Не удается заставить API Карт Google работать

ответ

0

Сначала Вы должны получить местоположение широты и долготы от:

http://maps.googleapis.com/maps/api/geocode/xml?address=+" + MapAddress + "&sensor=false 

попробовать этот HTML-код на вашей странице. str_lat и str_lng - ваше местоположение.

<head> 
    <meta name='viewport' content='initial-scale=1.0, user-scalable=no' /> 
    <style type='text/css'> 
     html { height: 100% } 
     body { height: 100%; margin: 0; padding: 0 } 
     #map-canvas { height: 100% } 
    </style> 
    <script type='text/javascript' src=https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&sensor=false> 
    </script> 
    <script type='text/javascript'> 
     function initialize() { 
     var myLatlng = new google.maps.LatLng(str_lat,str_lng); 
     var mapOptions = { 
      center: myLatlng, 
      zoom: 16, 
      mapTypeId: google.maps.MapTypeId.ROADMAP 
     }; 
     var map = new google.maps.Map(document.getElementById('map-canvas'), 
      mapOptions); 
     var marker = new google.maps.Marker({ 
     position: myLatlng, 
     map: map, 
     title:'Location!' 
     }); 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
    </head> 
    <body> 
    <div id='map-canvas'/> 
    </body> 
</html>; 
Смежные вопросы