// 地図 var map = new google.maps.Map(document.getElementById("map"), { zoom: 14, center: new google.maps.LatLng(35.6297781, 139.7944659), scrollwheel: false, mapTypeId: google.maps.MapTypeId.ROADMAP });
// マーカーアイコン var marker = new google.maps.Marker({ icon: new google.maps.MarkerImage( 'icon.png', //表示させるアイコンを指定する new google.maps.Size(50,40), new google.maps.Point(0,0) ), position: new google.maps.LatLng(35.6297781, 139.7944659), map: map, title: '東京ビッグサイト'
// 地図 var map = new google.maps.Map(document.getElementById("map"), { zoom: 18, center: new google.maps.LatLng(35.6252572, 139.7421705), scrollwheel: false, mapTypeId: google.maps.MapTypeId.ROADMAP }); var myMarker = new google.maps.Marker({ // マーカーアイコン position: new google.maps.LatLng(35.6252572, 139.7421705), map: map }); var myInfoWindow = new google.maps.InfoWindow({ // 吹き出しに出す文 content: '株式会社ゼンリンデータコムです' }); // 吹き出しを開く myInfoWindow.open(map, myMarker); google.maps.event.addListener(myInfoWindow, "closeclick", function() { google.maps.event.addListenerOnce(myMarker, "click", function(event) { myInfoWindow.open(map, myMarker); }); });
Googleマップのカスタマイズは無限大!
Google Maps APIを使用して、地図の色をカスタマイズしたり、マーカーの表示・変更などの方法についてご紹介しました。Googleマップではさまざまな地図のカスタマイズをすることが可能になります。 Googleマップについてより詳しく知りたい場合は是非、当社ゼンリンデータコムにおまかせください!