平成30/ 2018-12-17 10:54
google map 住所 v3 key無しOK ver.0.01

<div id="map_canvas" style="width:280px; height:220px;"></div>

<script type="text/javascript" src="https://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var  map;
var geocoder;
function initialize() {
    var lat, lng;

    var myLatlng = new google.maps.LatLng(35.65861, 139.745447); // デフォルトは東京タワー

    myOptions = {
        zoom: 16,
        center: myLatlng,
        scrollwheel: false,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      }
    map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title:"XXXXXX"
    });

    var sad = '〒150-0036 渋谷区南平台町';
    geocoder = new google.maps.Geocoder();
    geocoder.geocode({ 'address': sad}, function(results, status) {

    if (status == google.maps.GeocoderStatus.OK) {
        map.setCenter(results[0].geometry.location);
        marker.setPosition(results[0].geometry.location);
        var p = marker.position;
        lat = p.lat();
        lng = p.lng();

        myLatlng = new google.maps.LatLng(lat, lng);
        myOptions = {
            zoom: 16,
            center: myLatlng,
            scrollwheel: false,
             mapTypeId: google.maps.MapTypeId.ROADMAP
        }
        map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

        marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title:"株式会社XXXX"
        });

        //# 吹き出し出したくない場合は以下をコメントアウトする。
        var infowindow = new google.maps.InfoWindow(
        {
        content: '<img src="/images/logo_s.gif" alt="ぷぷぷ" /><div style="margin-top:10px; font-size:12px;"><b>オフィス</b></div>',
        size: new google.maps.Size(500,30)
        });

        google.maps.event.addListener(marker, 'click', function() {
            infowindow.open(map,marker);
        });
        // google.maps.event.trigger(marker, 'click'); // デフォルトで表示させたいとき。
        //##
    } else {
        //alert('住所から場所を特定できませんでした。最初にビル名などを省略し、番地までの検索などでお試しください。');
    }
    });
}
initialize();
</script>