Мобильные карты Jquery и приложение Microdata для iPhone - PullRequest
Новая
       12

Мобильные карты Jquery и приложение Microdata для iPhone

0 голосов
/ 13 сентября 2011

Я использовал 'microdata' и карты запросов ([пример]) 1 , чтобы показать некоторые маркеры в моем приложении. Все хорошо работает в Интернете или при локальном просмотре, но при использовании симулятора или iPhone маркеры не отображаются.

Будет ли что-нибудь, что останавливает отображение данных на устройстве iOS?

Похоже, что она ломает кнопку домой. Несколько выдержек ниже: 

    <!-- !Maps ===================== -->
<script src="_config/microdata.js" type="text/javascript"></script>

<script type="text/javascript">
    $('#gmap').live('pageshow', function(){

      $('#map_canvas').gmap({
        'center': new google.maps.LatLng(cc_maps_lat, cc_maps_long), 
        'navigationControl': cc_map_navcontrol,
        'mapTypeControl' : cc_maps_controltype, 
        'streetViewControl': cc_streetView,
        'zoom':cc_maps_zoom,
        'callback': function () {
                    $('#map_canvas').gmap('loadMetadata', 'microdata', 'http://data-vocabulary.org/Organization', function(i, item, result) {
            var latlng = new google.maps.LatLng(result.properties.geo[0].properties.latitude[0], result.properties.geo[0].properties.longitude[0]);
            $('#map_canvas').gmap('addMarker', { 'bounds':true, 'position': latlng, 'animation': google.maps.Animation.DROP }, function(map, marker){

                var content = '<div class="iw"><h1 class="iw-name">'+result.properties.name[0]+'</h1><p class="iw-tel">'+result.properties.tel[0]+'</p><div class="clear"><div></div>';

              var iw = $('#map_canvas').gmap('addInfoWindow', { 'position':marker.getPosition(), 'content': content }, function(iw) {
                $(marker).click(function() {
                 iw.open(map, marker);
                 map.panTo(marker.getPosition());
                                });                                                                                                               
                            });
                            $(item).addClass('clickable');
                            $(item).click(function() {
                                $(marker).triggerEvent('click');
                                return false;
                            });
                        });                                                                  
                    });
        }
       });

       $("#mapdata").listview('refresh');
    });
</script>

<div id="gmap" data-role="page" data-theme="z">
    <div data-role="header" data-position="fixed" data-theme="z">
        <h1>Maps</h1>
        <a href="#home" data-icon="home" class="ui-btn-right" data-iconpos="notext" data-transition="slidedown" data-theme="x" data-ajax="false">Home</a>
    </div>
    <div data-role="content"> 
        <div style="padding:5px;">
            <div id="map_canvas" style="height:300px;"></div>
            <ul data-role="listview" data-theme="z" data-inset="true" id="mapdata"></ul>
        </div>
    </div>
</div>

* Обновление Я получаю сообщение об ошибке в XCode при попытке с помощью симулятора: 

2011-09-15 10:00:02.107 NASMA[16966:f503] PhoneGapDelegate::shouldStartLoadWithRequest: Received Unhandled URL about:blank
...