出于某种原因,我的图钉没有显示在 chrome 浏览器中。他们在 safari、opera、firefox 等中使用,但在 chrome 中没有。
我在 google api lib 中得到一个未定义的类型错误,所以不能用它做任何事情。
这是我添加谷歌地图的代码:
var map;
function loadStores(){
google.maps.visualRefresh = true;
if(typeof google === 'object' && typeof google.maps === 'object'){
try{
var mapoptions = {
center: new google.maps.LatLng(41.492537, -99.901813),
zoom: 5,
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControl: false,
zoomControl: false,
streetViewControl: false,
panControl: false
};
map = new google.maps.Map(document.getElementById("store_map"),
mapoptions);
google.maps.event.trigger(map, 'resize');
addStores();
}catch(e){
console.log(e);
}
}
}
这是我将商店(引脚)添加到地图的代码:
if(typeof google === 'object' && typeof google.maps === 'object'){
try{
$.ajax({
type:"GET",
url: api_url + '/locations',
success: function(data){
var stores = $.parseJSON(data);
for(var i=0; i<stores.length; i++){
console.log("hallo");
var ii = i;
var image = new google.maps.MarkerImage('images/store/pin_@2x.png', null, null, null, new google.maps.Size(32,50));
var myLatLng = new google.maps.LatLng(stores[ii].latitude, stores[ii].longitude);
var marker = new google.maps.Marker({
position: myLatLng,
map:map,
icon: image,
tel: stores[ii].tel,
state: stores[ii].state,
street: stores[ii].street
});
google.maps.event.addListener(marker, 'click', function(){
opPinGeklikt(event, this);
});
}
},error:function(){
console.log(arguments);
}
});
}catch(e){
console.log(e);
}
}
任何困难都会很棒。