PolyLine オブジェクトを地図に追加しようとしていますが、「 google.maps.Polyline はコンストラクタではありません」というエラー メッセージが表示されます。これは、このクラスの定義のインポートに失敗していることを示していますが、宣言に欠けているものの例には何も表示されません。次のようにGoogle Maps APIを含めています。
<!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='© 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®ion=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);
}
エラーが発生している行は、このサイトの投稿の 1 つから直接コピーされています。