これは私のコードです:このGoogleマップが読み込まれないのはなぜですか?
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
function load() {
if (GBrowserIsCompatible()) {
var map;
var location = new google.maps.LatLng(46.084989, 11.118851);
var stylez =
[
{
featureType: "all",
elementType: "all",
stylers: [
{ saturation: -98 }
]
}
];
var mapOptions = {
zoom: 11,
center: location,
mapTypeControlOptions: {
mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'myScale']
}
};
map = new google.maps.Map(document.getElementById("map_canvas"), mapOptions);
var mapType = new google.maps.StyledMapType(stylez, { name: "Grayscale" });
map.mapTypes.set('myScale', mapType);
map.setMapTypeId('myScale')
}
}
$(document).ready(function(){
load();
});
</script>
<div id="map_canvas" style="width: 100%; height: 700px"></div>
が、何もロードされません。どこが間違っていますか? GBrowserIsCompatible()を削除すると動作しますが、場所を認識しません。
すべてのコードですか? jQuery関数を使用しようとしているため、ロードされたjQueryライブラリが表示されませんでした – eveevans