しばらくウェブで(グーグル)を探した後、次のようなアドレスをとるものは何も見つかりません。
1200 Pennsylvania Ave SE、ワシントン、コロンビア特別区、20003
クリック可能なリンクに変換します。
jQueryまたはPHPが推奨されるか、これに関する有用な情報のみ。
しばらくウェブで(グーグル)を探した後、次のようなアドレスをとるものは何も見つかりません。
1200 Pennsylvania Ave SE、ワシントン、コロンビア特別区、20003
クリック可能なリンクに変換します。
jQueryまたはPHPが推奨されるか、これに関する有用な情報のみ。
回答:
これはどう?
https://maps.google.com/?q=1200 Pennsylvania Ave SE、ワシントン、コロンビア特別区、20003
https://maps.google.com/?q=term
緯度経度がある場合は、以下のURLを使用してください
https://maps.google.com/?ll=latitude,longitude
例:maps.google.com/?ll=38.882147,-76.99017
更新
2017年の時点で、GoogleにはクロスプラットフォームのGoogleマップURLを作成する公式の方法があります。
https://developers.google.com/maps/documentation/urls/guide
次のようなリンクを使用できます
https://www.google.com/maps/search/?api=1&query=1200%20Pennsylvania%20Ave%20SE%2C%20Washington%2C%20District%20of%20Columbia%2C%2020003
&output=classic
するだけです。全体のものは、次のようになりますので:http://maps.google.com/?q=1200%20Pennsylvania%20Ave%20SE,%20Washington,%20District%20of%20Columbia,%2020003&output=classic
https://www.google.com/maps/place/1200 Pennsylvania Ave SE, Washington, District of Columbia, 20003
あなただけの名前を使用して逃げることができます...しかし、いくつかの場所について¶ maps.google.com/?q=
とwww.google.com/maps/place/
必ずしも同じ結果を返しません。https://www.google.com/maps/place/White House
に展開さhttps://www.google.com/maps/place/The+White+House,+1600+Pennsylvania+Ave+NW,+Washington,+DC+20500
が、https://maps.google.com/?q=White House
ノースカロライナ州のアンティークストアをくれた
私はゲームに非常に遅れていることはわかっていますが、後世のために貢献したいと思っていました。
<address>
タグをGoogleマップのリンクに自動的に変換する短いjQuery関数を作成しました。
$(document).ready(function () {
//Convert address tags to google map links - Michael Jasper 2012
$('address').each(function () {
var link = "<a href='http://maps.google.com/maps?q=" + encodeURIComponent( $(this).text() ) + "' target='_blank'>" + $(this).text() + "</a>";
$(this).html(link);
});
});
また、リンクから埋め込みマップを生成する必要がある状況にも遭遇しましたが、将来の旅行者と共有します。
$(document).ready(function(){
$("address").each(function(){
var embed ="<iframe width='425' height='350' frameborder='0' scrolling='no' marginheight='0' marginwidth='0' src='https://maps.google.com/maps?&q="+ encodeURIComponent( $(this).text() ) +"&output=embed'></iframe>";
$(this).html(embed);
});
});
<address>
タグは、住所を提供するためのものではなく、コンテンツ(通常は作成者)に関連する連絡先情報を提供するためのものです。developer.mozilla.org/en-US/docs/Web/HTML/Element/address
encodeURIComponent()
。
2016年2月:
クライアントが入力したデータベース値に基づいて、緯度/経度ジェネレーターなしでこれを行う必要がありました。Googleは最近、lat / longを非常に気に入っています。これが私が学んだことです:
1 リンクの先頭は次のようになります:https : //www.google.com/maps/place/
2 次に、住所を入力します。
3 場所の後に住所を入れます/
4 最後にスラッシュを置きます。
注:最後のスラッシュは重要でした。ユーザーがリンクをクリックした後、GoogleはURLにさらに追加して、このスラッシュの後に追加します。
この質問の作業例:
https://www.google.ca/maps/place/1200+Pennsylvania+Ave+SE,+Washington,+DC+20003/
お役に立てば幸いです。
緯度と経度がある場合、次のURLの一部またはすべてを使用できます
https://www.google.com/maps/@LATITUDE,LONGITUDE,ZOOMNUMBERz?hl=LANGUAGE
例:https : //www.google.com/maps/@31.839472,54.361167,18z?hl=en
Michael JasperとJon Hendershotのソリューションを借用して、以下を提供します。
$('address').each(function() {
var text = $(this).text();
var q = $.trim(text).replace(/\r?\n/, ',').replace(/\s+/g, ' ');
var link = '<a href="http://maps.google.com/maps?q=' + encodeURIComponent(q) + '" target="_blank"></a>';
return $(this).wrapInner(link);
});
このソリューションには、以前提供されていたソリューションに比べて次の利点があります。
<br>
内のHTMLタグ(タグなど)は削除されないため<address>
、フォーマットは保持されます<a><address></address></a>
これを無効にしますが、などのブロックレベルの要素はなどの<address>
インライン要素内では許可されていません<a>
。警告:<address>
タグに<p>
またはのようなブロックレベルの要素が含まれている場合、<div>
このJavaScriptコードは無効なマークアップを生成します(<a>
タグにこれらのブロックレベルの要素が含まれるため)。しかし、あなたがこのようなことをしているだけなら:
<address>
The White House
<br>
1600 Pennsylvania Ave NW
<br>
Washington, D.C. 20500
</address>
その後、それはうまくいきます。
これは、Googleマップの記事の1つから見つけたものです。
- Googleマップを開きます。
- 埋め込む地図またはストリートビュー画像が地図に表示されていることを確認します。
- 左上にあるメインメニュー☰をクリックします。
- [ 地図を共有または埋め込む]をクリックします。
- 表示されるボックスの上部で、[ 地図を埋め込む ]タブを選択します。
- 必要なサイズを選択し、コードをコピーして、Webサイトまたはブログのソースコードに貼り付けます。
注:ライトモードでマップを使用している場合、マップを埋め込むことはできません。埋め込まれた地図では、交通情報やその他の地図情報が利用できない場合があることに注意してください。
上http://www.labnol.org/internet/tools/short-urls-for-google-maps/6604/彼らは非常にうまく機能し、短いURLを表示します
GoogleマップのURLは、IM、ツイート、メールで送信する場合は特に扱いにくいです。MapOf.itは、場所の住所を検索パラメーターとして指定するだけで、Googleマップにすばやくリンクできます。
私が設計したいくつかのアプリケーションにそれを使用し、それは魅力のように機能しました。
最善の方法は、次の行を使用することです。
var mapUrl = "http://maps.google.com/maps?f=q&source=s_q&hl=en&geocode=&q=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&aq=0&sll=37.0625,-95.677068&sspn=61.282355,146.513672&ie=UTF8&hq=&hnear=16900+North+Bay+Road,+Sunny+Isles+Beach,+FL+33160&spn=0.01628,0.025663&z=14&iwloc=A&output=embed"
必要に応じて、最初と2番目のアドレスを置き換えることを忘れないでください。
同様の問題があり、サイトのすべてのアドレス(それぞれがアドレスタグで囲まれています)に対してこれを実行する必要がありました。jQueryのこの部分は私のために働いた。各<address>
タグを取得し、タグに含まれるアドレスを含むGoogleマップリンクでラップします。
$("address").each(function(){
var address = $(this).text().replace(/\,/g, '');
var url = address.replace(/\ /g, '%20');
$(this).wrap('<a href="http://maps.google.com/maps?q=' + url +'"></a>');
});
encodeURIComponent
。
また、アドレスを手動でURLENCODEしたい人:http ://code.google.com/apis/maps/documentation/webservices/index.html#BuildingURLs
これを使用して、GM標準を満たす特定のルールを作成できます。