google.maps.Polyline不是构造函数

google.maps.Polyline不是构造函数

问题描述:

我想将一个PolyLine对象添加到地图,但我收到错误消息“google.maps.Polyline不是构造函数”。对我来说,这表明我无法导入这个类的定义,但我没有看到任何我从声明中遗漏的任何示例。我包括谷歌地图API如下:google.maps.Polyline不是构造函数

<!DOCTYPE HTML > 
<html> 
    <head> 
    <title> 
    Location: Caradoc, Middlesex, ON, CA 
    </title> 
    <meta charset='utf-8'> 
    <meta http-equiv='default-style' content='text/css'> 
    <meta name='author' content='James A. Cobban'> 
    <meta name='copyright' content='&copy; 2013 James A. Cobban'> 
    <meta name='keywords' content='genealogy, family, tree, ontario, canada'> 
    <link rel='stylesheet' type='text/css' href='http://localhost/styles.css'/> 
    <script src='../jscripts/js20/http.js' type='text/javaScript'> 
    </script> 
    <script src='../jscripts/CommonForm.js' type='text/javaScript'> 
    </script> 
    <script src='../jscripts/util.js' type='text/javaScript'> 
    </script> 
    <script src='../tinymce/jscripts/tiny_mce/tiny_mce.js' type='text/javaScript'> 
    </script> 
    <script src='http://maps.googleapis.com/maps/api/js?sensor=false&region=CA' type='text/javaScript'> 
    </script> 
    <script src='LegacyLocation.js' type='text/javaScript'> 
    </script> 
    </head> 

我一直在使用它来显示几年来的地图。但是现在我希望使用PolyLine来显示区域的边界。

var path = [], poly; 

function mapClick(mouseEvent) 
{ 
    if (path.length == 0) 
    {  // first click 
    var polyOptions = {map: map, 
        strokeColor: "red", 
        stokeOpacity: 0.5, 
        strokeWeight: 2}; 
    poly = new google.maps.PolyLine(polyOptions); 
    }  // first click 
    path.push(mouseEvent.latLng); 
    poly.setPath(path); 
} 

我得到的错误行直接从本网站上的其中一个帖子复制。

这是new google.maps.Polyline,而不是PolyLine。具有讽刺意味的是,你在这篇文章的标题以及你引用错误信息的地方正确地使用了大写。你必须手工输入,而不是复制和粘贴...... :-)

google.maps.Polyline documentation