Я пытаюсь интегрировать Google Maps API V3 в мое приложение Rhodes (http://rhomobile.com/)). У меня хороший опыт работы с Google Maps V3, так как я создал веб-сайт для настольных компьютеров и веб-сайт jQuery Mobile. заставить его работать.
Я использую симулятор iPhone для тестирования. В приведенном ниже коде JS код падает между предупреждением («Test3»); и оповещение («Test4»);
Я вызываю API Карт Google V3 таким образом в разделе заголовка layout.erb:
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script src="/public/js/application.js" type="text/javascript"></script>
JS-код в application.js (включен в layout.erb):
function initialize() {
alert("Test");
var latlng = new google.maps.LatLng(-34.397, 150.644);
alert("Test2");
var myOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
alert("Test3");
var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
alert("Test4");
}
Просмотр кода:
<div class="pageTitle">
<h1>Map Test</h1>
</div>
<div class="toolbar">
<div class="leftItem backButton">
<a href="<%= url_for :action => :index %>">Back</a>
</div>
</div>
<div class="content">
<div id="map_canvas" style="width: 100%; height: 100%; padding: 0;"></div>
</div>
Код контроллера:
def view
WebView.execute_js("initialize();")
end
Опять код вылетает после предупреждения («Test3») ;. Я не получаю никаких сообщений об ошибках, Родос просто открывает страницу и показывает всплывающее окно для Test, Test2 и Test3.
Есть ли где-нибудь пример того, как использовать Google Maps V3 с Родосом.
Должен быть причуды, я где-то скучаю.