2

皆さんこんにちは、私は joomla で作ったウェブサイトにジオローカリゼーションを使用しようとしています

緯度と経度と罰金を取得しました...しかし、マップを表示しないでください私のコードでは、div内にマップを描画しています

これは私のコードです

   <script type="text/javascript">
     function init() {
     if (navigator.geolocation) {
     navigator.geolocation.getCurrentPosition(function(position) {
     var myLatlng = new google.maps.LatLng(position.coords.latitude,position.coords.longitude);

    var mapOptions= {
     zoom: 14,
     center: myLatlng,
     mapTypeId: google.maps.MapTypeId.ROADMAP
    };

     var map = new google.maps.Map(document.getElementById('map'), mapOptions);
     var marcador = new google.maps.Marker();
     marcador.setPosition(pos);
     marcador.setMap(map);

     }, function() {
     alert("su navegador no acepta geolocalización");
     });
     }
     }   
     google.maps.event.addDomListener(window, 'load', init);
     </script>

私の頭の中にはこれがあります

    <script src="http://maps.googleapis.com/maps/api/js?sensor=false"></script> 
    <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js?ver=3.1.2'></script>

そして彼は私の体の中で

<div id="map"></div>

同じ問題を抱えた他の投稿を読んだことがありますが、コードにエラーが見つかりません。

ありがとう

4

4 に答える 4

2

コードにいくつかの小さなエラーがあります - ヒント: Chrome で Javascript コンソールを使用してこれらのエラーを確認してください:

  • ここで「pos」が定義されていません: marcador.setPosition(pos);
  • ...そしてそれを使ってマーカーを作成したいので、 LatLng オブジェクトを使用する必要があります
  • give your div a width and height (if you have not done it in your CSS file)

Here is a JSFiddle with all there errors fixed

于 2012-09-20T12:56:17.150 に答える
1

どこでpos定義されていますか?これにより、マップの表示を妨げる​​ JS エラーが発生する可能性が高くなります。

marcador.setPosition(pos);
于 2012-09-20T12:54:40.840 に答える
1

div にサイズ (幅と高さ) を指定します。

<div id="map" style="width:400px;height:300px"></div>
于 2012-09-20T12:55:00.290 に答える
0

#map の幅と高さの値を設定し、init() が呼び出されていることを確認する必要があります

ここに私のjsfiddle:http://jsfiddle.net/3MTtc/1/

于 2012-09-20T12:55:48.597 に答える