使用した命令
「lesson20141007js」フォルダ
onmouseover
onmouseout
onmousedown
oncopy
oncut
onpaste
onfocus
window.open
window.close
window.open 参考サイト
http://amenti.usamimi.info/windowopen.html
http://www.webantena.net/javascriptjquery/a-href-javascript-void0/
Google API使用のMapの張り方見本
HTML側で、Google Maps APIを使用する為のscriptリンクを作成します。
[html]
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
[/html]
その後に、新規JSファイルを作成し、リンクをします。
(下記の例は「g_map2.js」を読み込んでます)
[html]
<script type="text/javascript" src="g_map2.js"></script>
[/html]
「g_map2.js」の中身の記述は、下記の通りです。
[javascript]
// JavaScript Document
//グーグルマップ表示用
function initialize(){
var latlng = new google.maps.LatLng(35.511391,139.616168);
var myOptions={
zoom:14, //0～21 多分21が最大ズーム（場所によって違う？）
center:latlng,
// ■地図のタイプ設定
// ROADMAP：デフォルト、SATELLITE：写真タイル、HYBRID：写真タイルと主要な機能、TERRAIN：物理的な起伏を示すタイル
mapTypeId:google.maps.MapTypeId.ROADMAP,
//マウスホイール動作を無効化
scrollwheel: false,
//マップコントロール非表示（表示はtrue）
mapTypeControl: false //最後の迷連分の最後に、「,（カンマ）」を入れてしまうと、IE7で表示出来ない。他のブラウザでは表示する。
};
var map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
//表示位置調整（地図の中心を変更）
map.panBy(0, -100);
var contentString='<p><strong>プランナーITスクール 新横浜校</strong><br />〒222-0033 <br />横浜市港北区新横浜三丁目19番地14号4階<br /><em>お問い合わせ</em><br />TEL : 045-477-3520</p>’;
var infowindow= new google.maps.InfoWindow({
content:contentString
});
var marker=new google.maps.Marker({
position:latlng,
map:map,
title:"プランナーITスクール 新横浜校はこちら"
});
google.maps.event.addListener(marker,’click’,function(){
infowindow.open(map,marker);
});
// 円を描く ここから
new google.maps.Circle({
center: latlng, // 中心点(google.maps.LatLng)
fillColor: ‘#FF7F00’, // 塗りつぶし色
fillOpacity: 0.3, // 塗りつぶし透過度（0: 透明 ⇔ 1:不透明）
map: map, // 表示させる地図（google.maps.Map）
radius: 1500, // 半径（ｍ）
strokeColor: ‘#FF7F00’, // 外周色
strokeOpacity: 1, // 外周透過度（0: 透明 ⇔ 1:不透明）
strokeWeight: 1 // 外周太さ（ピクセル）
});
//ここまで 円を描く（不要な場合は、削除・コメントアウトする）
}
window.onload = initialize;
[/javascript]
Google MAPS API で 円を描く
http://www.nanchatte.com/map/circle-v3.html