Iphone 谷歌地图制作者OSX中的精灵不显示

Iphone 谷歌地图制作者OSX中的精灵不显示,iphone,ios,google-maps-api-3,google-maps-markers,Iphone,Ios,Google Maps Api 3,Google Maps Markers,在iphone上使用图像精灵时,我似乎无法显示我的地图标记。当我在iphone上使用标准的谷歌地图标记时,以及在桌面上查看站点时,精灵图标都会出现 下面是我用来创建标记的代码,我使用的是Zepto,但是JQuery也可以很容易地应用 $.ajax({ dataType: 'jsonp', url: myLocations.LocatorUrl, timeout: 8000, success: function(data) { var info

在iphone上使用图像精灵时,我似乎无法显示我的地图标记。当我在iphone上使用标准的谷歌地图标记时,以及在桌面上查看站点时,精灵图标都会出现

下面是我用来创建标记的代码,我使用的是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);
            }
        }
    });
$.ajax({
数据类型:“jsonp”,
url:myLocations.LocatorUrl,
超时:8000,
成功:功能(数据){
var infoWindow=new google.maps.infoWindow();
var bounds=new google.maps.LatLngBounds();
$.each(数据、函数(索引、项){
var数据=项目,pincolor,
latLng=新的google.maps.latLng(data.lat,data.lng);
var d='1http://blah';
var pinImage=new google.maps.MarkerImage(d+“/assets/img/sprite.locator.png”,
新谷歌地图大小(24,36),
新谷歌地图点(0,25),
新的google.maps.Point(10,34));
//创建标记并将其放在地图上
var marker=new google.maps.marker({
位置:latLng,
地图:地图,
标题:data.type,
图标:pinImage
});
extend(latLng);//扩展latLng-bound方法
var bubbleHtml=''+item.type+''+item.address+'

';//气泡的自定义HTML (功能(标记、数据){ //将单击事件附加到当前标记 google.maps.event.addListener(标记,“单击”,函数(e){ setContent(bubbleHtml); 信息窗口。打开(地图、标记); }); markers.push(marker);//将标记推入数组中,以便删除它们 })(标记、数据); }); map.fitBounds(bounds);//根据添加到边界的值居中 },错误:函数(x,t,m){ console.log('错误') 如果(t==“超时”){ 警报(“获得超时”); }否则{ 警报(t); } } });
明白了。原来我引用的图像是在本地主机上的,当我将其交换到本地机器的实际IP地址时,它工作了