グーグルマップおもしれー。
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
//座標を設定
var point = new GLatLng(<MTIfNonEmpty tag="cfgooglemappoint"><MTcfgooglemappoint></MTIfNonEmpty>);
//初期位置 軽度,緯度,縮尺
map.setCenter(point, 13);
//マップコントロールパネル表示
map.addControl(new GLargeMapControl());
//右下ミニマップの表示
map.addControl(new GOverviewMapControl());
//ふきだし設置 位置, ノード（文章）
/*
map.openInfoWindow(map.getCenter(), document.createTextNode("あああああ"));
if(!map.infoWindowEnabled()){
map.enableInfoWindow();
}
*/
//スクロールホイールでのズームイン・アウトを有効
if(!map.scrollWheelZoomEnabled()){
map.enableScrollWheelZoom();
}
//滑らかに拡大縮小を行うを有効
if(!map.continuousZoomEnabled()){
map.enableContinuousZoom();
}
// ===== マーカーとフキダシ（変更不要） =====
function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
// ===== ポイント設置設定、前が緯度（Lat）、後が経度（Lng） =====
var point = new GLatLng(<MTIfNonEmpty tag="cfgooglemappoint"><MTcfgooglemappoint></MTIfNonEmpty>); //★位置設定
var marker = createMarker(point,'<div style="width:310px; padding:8px; background-color:#ececec; font-family:Courier; border:solid 1px #cccccc;" ><$MTEntryTitle$> <MTcfshoptitlejp> [<MTcfshoparea>]</div><br /><MTcfaddress>'); // ★
map.addOverlay(marker);
marker.openInfoWindowHtml(html);
}
}
</script>
<script type="text/javascript">
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
//座標を設定
var point = new GLatLng(<MTIfNonEmpty tag="cfgooglemappoint"><MTcfgooglemappoint></MTIfNonEmpty>);
//初期位置 軽度,緯度,縮尺
map.setCenter(point, 13);
//マップコントロールパネル表示
map.addControl(new GLargeMapControl());
//右下ミニマップの表示
map.addControl(new GOverviewMapControl());
//ふきだし設置 位置, ノード（文章）
/*
map.openInfoWindow(map.getCenter(), document.createTextNode("あああああ"));
if(!map.infoWindowEnabled()){
map.enableInfoWindow();
}
*/
//スクロールホイールでのズームイン・アウトを有効
if(!map.scrollWheelZoomEnabled()){
map.enableScrollWheelZoom();
}
//滑らかに拡大縮小を行うを有効
if(!map.continuousZoomEnabled()){
map.enableContinuousZoom();
}
// ===== マーカーとフキダシ（変更不要） =====
function createMarker(point,html) {
var marker = new GMarker(point);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
// ===== ポイント設置設定、前が緯度（Lat）、後が経度（Lng） =====
var point = new GLatLng(<MTIfNonEmpty tag="cfgooglemappoint"><MTcfgooglemappoint></MTIfNonEmpty>); //★位置設定
var marker = createMarker(point,'<div style="width:310px; padding:8px; background-color:#ececec; font-family:Courier; border:solid 1px #cccccc;" ><$MTEntryTitle$> <MTcfshoptitlejp> [<MTcfshoparea>]</div><br /><MTcfaddress>'); // ★
map.addOverlay(marker);
marker.openInfoWindowHtml(html);
}
}
</script>
google map API使い方メモの続きを読む
