0

PhoneGapモバイルアプリを作成しようとしています。モバイルアプリ、phonegap、JSはまったく新しいので、我慢してください。これは私がいるところです:

 <script type="text/javascript">
 function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(40.710,-73.994), //New york, NY
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        mapOptions)
};

これで、マップはブラウザで問題なくレンダリングされます。私がいくつかのチュートリアルで見つけた以下を追加すると、それは何もレンダリングすることを拒否します。私は自分が作成したgooglemap/index.htmlページでこれらすべてを実行しようとしています。

<script type="text/javascript">
 function initialize() {
    var mapOptions = {
      center: new google.maps.LatLng(40.710,-73.994), //New york, NY
      zoom: 8,
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };
    var map = new google.maps.Map(document.getElementById("map_canvas"),
        mapOptions);
    var LatLng = new google.maps.LatLng(40.710,-73.994)
    var marker = new.google.maps.Marker({
        position: myLatLng,
        title: "hello world!"
        });
    marker.setMap(map);
};

以下を追加すると、ページ全体のレンダリングが拒否されます。

基本的には上記の方法でグーグルマップを表示し、中央の位置にピンを追加しようとしています。十分に単純なようですが、私の能力を超えていることが証明されています。

4

1 に答える 1

1

この行に構文エラーがあります:

var marker = new.google.maps.Marker({

new演算子とクラス名の間にドットがあることに注意してください。

修正するには、上の行を次のように置き換えます。

var marker = new google.maps.Marker({

ハッピーマッピング!

PS:エラーは(デスクトップ)ブラウザのコンソールで報告されました。Androidデバイスで同じものがどのように表示されるかわかりません。

于 2013-02-03T04:58:43.303 に答える