2012-08-09 60 views
0

我似乎無法讓我的地圖標記顯示,當我在iphone上使用圖像精靈。當我在iPhone上使用標準Google地圖標記時,以及在桌面上查看站點時,它們會出現,這些精靈圖標可以正常工作。谷歌地圖製造商在OSX的雪碧不顯示

這裏是我用來創建標記的代碼,我使用Zepto,但JQuery可以輕鬆應用。

$.ajax({ 
    dataType: 'jsonp', 
    url: myLocations.LocatorUrl, 
    timeout: 8000, 
    success: function(data) { 
     var infoWindow = new google.maps.InfoWindow(); 
     var bounds = new google.maps.LatLngBounds();        
     $.each(data, function(index, item){     
      var data = item, pincolor, 
      latLng = new google.maps.LatLng(data.lat, data.lng); 
      var d = 'http://blah'; 
      var pinImage = new google.maps.MarkerImage(d+"/assets/img/sprite.locator.png",       
         new google.maps.Size(24, 36), 
         new google.maps.Point(0,25), 
         new google.maps.Point(10, 34)); 
      // Creating a marker and putting it on the map 
       var marker = new google.maps.Marker({ 
        position: latLng, 
        map: map, 
        title: data.type, 
        icon: pinImage 

       }); 

       bounds.extend(latLng); // Extend the Latlng bound method      
       var bubbleHtml = '<div class="bubble"><h2>'+item.type+'</h2><p>'+item.address+'</p></div>'; // Custom HTML for the bubble 
       (function(marker, data) {     
        // Attaching a click event to the current marker     
        google.maps.event.addListener(marker, "click", function(e) {     
        infoWindow.setContent(bubbleHtml); 
        infoWindow.open(map, marker); 
        }); 
        markers.push(marker); // Push markers into an array so they can be removed 
       })(marker, data); 
      }); 
      map.fitBounds(bounds); // Center based on values added to bounds   
     }, error: function(x, t, m) { 
      console.log('errors') 
      if(t==="timeout") { 
       alert("got timeout"); 
      } else { 
       alert(t); 
      } 
     } 
    }); 

回答

0

明白了。原來我引用的映像是在本地主機上,當我將其交換到本地機器的實際IP地址時,它就起作用了。