何らかの理由で、ピンが Chrome ブラウザーに表示されません。彼らはサファリ、オペラ、ファイアフォックスなどで行いますが、クロムでは行いません。
Google api lib で undefined typeerror が発生するため、何もできません。
これは、Google マップを追加するコードです。
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);
}
}
どんなタフトも素晴らしいでしょう。