0
Googleマップを有効にした単純なページを実装しようとしていますが、Googleマップのマーカーがファイルをアップロードした後に表示されないホスティング、それはローカルで正常に動作します。ここでサーバへのアップロード後にGoogleマップが表示されない、ローカルでうまく動作する
は、私はスニペットは、 "$が定義されていません" というエラーを与える
var styles = [
{
"featureType":"landscape",
"stylers":[
{"saturation":-100},
{"lightness":65},
{"visibility":"on"}
]
},
{
"featureType":"poi",
"stylers":[
{"saturation":-100},
{"lightness":51},
{"visibility":"simplified"}
]
},
{
"featureType":"road.highway",
"stylers":[
{"saturation":-100},
{"visibility":"simplified"}
]
},
{
"featureType":"road.arterial",
"stylers":[
{"saturation":-100},
{"lightness":30},
{"visibility":"on"}
]
},
{
"featureType":"road.local",
"stylers":[
{"saturation":-100},
{"lightness":40},
{"visibility":"on"}
]
},
{
"featureType":"transit",
"stylers":[
{"saturation":-100},
{"visibility":"simplified"}
]
},
{
"featureType":"administrative.province",
"stylers":[{"visibility":"on"}
]
},
{
"featureType":"water",
"elementType":"labels",
"stylers":[
{"visibility":"on"},
{"lightness":-25},
{"saturation":-100}
]
},
{
"featureType":"water",
"elementType":"geometry",
"stylers":[
{"hue":"#ffffff"},
{"lightness":0},
{"saturation":0}
]
}
];
$("#my-map").gmap3({
marker:{
address: '96 New Moor St, Colombo'
},
map:{
options:{
styles: styles,
zoom: 14,
scrollwheel: false,
draggable: true,
zoomControl: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
},
mapTypeControl: false,
scaleControl: false,
scrollwheel: false,
streetViewControl: false
}
}
});
// Show Map
$(".show-map").click(function(){
if ($(".map").hasClass("opened")) {
$(".map").removeClass("opened");
$(".show-map i").removeClass("fa-minus");
$(".show-map span").text("Show Map");
}
else {
$(".map").addClass("opened");
$(".show-map i").addClass("fa-minus");
$(".show-map span").text("Hide Map");
}
});
スニペットでエラーが発生します。 –
このリンクを確認することができます:http://stackoverflow.com/questions/28112570/google-map-marker-not-showing-after-uploading-to-server-locally-works-fine – abielita