マッシュアップ ページのコードを Google マップ API v2 から v3 にアップグレードする必要があります。しかし、getBound() は新しいコードでは機能しません! 間違いはどこですか?よろしくお願いします。
古いコードは次のとおりです。
<script src="http://maps.google.com/maps?file=api&v=2&key= (my key api)"
type="text/javascript"></script>
<script type="text/javascript">
function updateStatus() {
var div = document.getElementById('mapinfo');
div.innerHTML = map.getBounds();
document.forms[0].lat0.value = map.getBounds().getSouthWest().lat();
document.forms[0].lon0.value = map.getBounds().getSouthWest().lng();
document.forms[0].lat1.value = map.getBounds().getNorthEast().lat();
document.forms[0].lon1.value = map.getBounds().getNorthEast().lng();
get_pictures();
}
function onMapMove() {
//map.setCenter(map.getCenter());
updateStatus();
}
function onMapZoom(oldZoom, newZoom) {
//map.setCenter(map.getCenter(),newZoom)
updateStatus();
}
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
window.map = map
map.setCenter(new GLatLng(41.879786443521795,12.427597045898438), 6);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
window.kh = new GKeyboardHandler(map);
GEvent.addListener(map,'moveend',onMapMove);
GEvent.addListener(map,'zoomend',onMapZoom);
updateStatus();
}
}
</script>
新しいコード:
<script src="http://maps.google.com/maps?file=api&v=2&key= (my api key)"
type="text/javascript"></script>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"></script>
<script type="text/javascript"
src="https://maps.googleapis.com/maps/api/js?libraries=weather&sensor=true">
</script>
<script type="text/javascript">
function updateStatus() {
var div = document.getElementById('mapinfo');
div.innerHTML = map.getBounds();
document.forms[0].lat0.value = map.getBounds().getSouthWest().lat();
document.forms[0].lon0.value = map.getBounds().getSouthWest().lng();
document.forms[0].lat1.value = map.getBounds().getNorthEast().lat();
document.forms[0].lon1.value = map.getBounds().getNorthEast().lng();
get_pictures();
}
function onMapMove() {
//map.setCenter(map.getCenter());
updateStatus();
}
function onMapZoom(oldZoom, newZoom) {
//map.setCenter(map.getCenter(),newZoom)
updateStatus();
}
function load() {
if (GBrowserIsCompatible()) {
var mapOptions = {
zoom: 6,
center: new google.maps.LatLng(41.879786443521795,12.427597045898438),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
mapOptions);
var weatherLayer = new google.maps.weather.WeatherLayer({
temperatureUnits: google.maps.weather.TemperatureUnit.CELSIUS
});
weatherLayer.setMap(map);
var cloudLayer = new google.maps.weather.CloudLayer();
cloudLayer.setMap(map);
updateStatus();
}
}
</script>