无法将标记添加到移动谷歌地图

时间:2013-02-03 03:29:16

标签: javascript android cordova mobile

尝试创建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);
};

当我添加以下内容时,整个页面拒绝呈现。

基本上,我正在使用上述方法显示谷歌地图,我正在尝试将一个引脚添加到中心位置。看似简单,但证明超出了我的能力。

1 个答案:

答案 0 :(得分:1)

此行有语法错误:

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

请注意new运算符和类名之间有一个点。

要修复,请将以上行替换为:

var marker = new google.maps.Marker({

快乐的映射!

PS:在(桌面)浏览器的控制台中报告了错误,我不确定你在Android设备上是如何看到的那样。