月並みですが、お気軽にどうぞ。

どんなコトでも、大歓迎。
なにかお気づきの点などありましたら、どうぞこちらよりメッセージをお寄せください。

つぶやきとか

近況とかつぶやきとか。こちらからも不定期に発信してます。
みなさまとどこかでつながれたらいいなぁ。なんて思いながら。

カテゴリ・タグ

当サイトではカオルコーポレーションのWEBチームが、サービスのお知らせやご案内以外にも
ネタになりそうなニュースや気になったことなどを不定期にテキトーにあげています。
何かのお役にたてればウレシイです。

メンバーのご紹介

カオルデザインのWEBチーム。こんなヤツらがつくっております。
まぁ、若干...いえ、結構クセの強いスタッフが多いのですが、
「自由で個性的」ということにしておいていただけると幸いです。

もんじやま
もんじやまデザイナ~
やまぐち
やまぐちデザイナ~
さいまる
さいまるプランナ~
みうら
みうらFEエンジニア
にし
にしデザイナ~
あめみや
あめみやデザイナ~
もちづき
もちづきプランナ~
くつかわ
くつかわプランナ~
さくらい
さくらいFEエンジニア
はらだ
はらだプランナ~
でざいな~
でざいな~ち~むデザイナ~
そつぎょうしゃ
そつぎょうしゃいろいろ

運営会社のご案内

当サイトは広告デザイン会社プロダクション・株式会社カオルデザインが運営しております。
WEBとかマーケティング、広告とかいろいろやらせていただいておりますが、
『コミュニケーションをデザインする』っていう、世の中が少しでも楽しく、イキイキするためのお手伝いをさせていただいております。

商号
株式会社カオルデザイン
住所
東京都立川市栄町4-13-4
設 立
平成11年2月(1999/02)
TEL / FAX
042-595-8807 / 042-595-8703
資本金
10,000,000円
業務内容
ホームページ企画・制作・運営・管理
インターネットコンサルティング
各種媒体デザイン企画・制作
Googleビジネスパートナー制度導入企業
ホームページ
https://www.kaorudesign.com/
SSLでGoogleMapを表示させる方法
May/29

SSLでGoogleMapを表示させる方法


めったにないけど、たま~にそんな案件があるので、
自分メモ用に載せときます。

まずはGoogleさんのapiを叩いてコードを読み込ませます。
これは<head></head>の間に記述すれば問題ないでしょう。

<script type="text/javascript" src="https://maps-api-ssl.google.com/maps/api/js?sensor=false"></script>

次に↓のJavaScriptを先ほど、Googleさんから読み込んだ記述の下に
コピッペしてください。

function addEvent(elm,listener,fn){
    try{
        elm.addEventListener(listener,fn,false);
    }catch(e){
        elm.attachEvent("on"+listener,fn);
    }
}
addEvent(window,"load",function(){
    var getAdd = "ここに住所をいれましょ♪";
    var map = null;
    var geocoder = null;
    var geocoder = new google.maps.Geocoder();
    geocoder.geocode({"address":getAdd},function(results,status){
        var map = new google.maps.Map(document.getElementById("map"));
        map.setCenter(results[0].geometry.location);
        map.setZoom(18);
        map.setMapTypeId(google.maps.MapTypeId.ROADMAP);
        var marker = new google.maps.Marker({
            position:results[0].geometry.location,
            map:map
        });
    });
});

あとはマップキャンバスをHTML部分に記述してください。

<div id="map" style="width:500px;height:500px"></div>

あら不思議、これでSSL環境でも、GoogleMapが表示されるはず!!

にかよった記事
そつぎょうしゃ by: Category:WEBアイデア Tag:, ,