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

Can't add markers to mobile google map

本文关键字:添加 加标记 谷歌地图 移动      更新时间:2023-09-26

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

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

基本上,我

正在使用上述方法来显示谷歌地图,并且我正在尝试在中心位置添加一个图钉。 看起来很简单,但事实证明超出了我的能力。

此行有语法错误:

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

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

要解决此问题,请将上面的行替换为:

var marker = new google.maps.Marker({

映射愉快!

PS:该错误是在(桌面)浏览器的控制台中报告的,我不确定您会如何在Android设备上看到相同的错误。