映射API Javascript函数调用错误
Maps API Javascript function calling fault
我一直在使用addPoly函数的内容到初始化函数,它完美地工作。但是如果我创建一个addPoly函数并从初始化函数调用它,它将不起作用。我想让用户选择一个形状。因此,点击一个按钮,我可以调用特定的形状函数。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<style type="text/css">
html,body {height:100%;}
#map-canvas {height:92%;width:100%;}
</style>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
<script type="text/javascript">
var shape;
function initialize() {
var mapDiv = document.getElementById('map-canvas');
var map = new google.maps.Map(mapDiv, {
center: new google.maps.LatLng(24.886436490787712, -70.2685546875),
zoom: 4,
mapTypeId: google.maps.MapTypeId.ROADMAP,
zoomControl: true
});
addPoly();
}
function addPoly(){
shape = new google.maps.Polygon({
strokeColor: '#ff0000',
strokeOpacity: 0.8,
strokeWeight: 2,
fillColor: '#ff0000',
fillOpacity: 0.35
});
shape.setMap(map);
google.maps.event.addListener(map, 'click', addPoint);
}
function clearAll(){
shape.setMap(null);
}
function addPoint(e) {
var vertices = shape.getPath();
vertices.push(e.latLng);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body style="font-family: Arial; border: 0 none;">
<div id="map-canvas"></div>
<input type="button" value="Clear" onclick="clearAll()">
Selection Type:
<select id="selectType">
<option type="button" value="Polygon" onclick="initialize()">Polygon</option>
<option type="button" value="Circle" onclick="initialize()">Circle</option>
</select>
</body>
</html>
您的函数addPoly()尝试使用变量map
两次,尽管它仅在function initialize()
中本地定义。
尝试初始化你的地图一次onload和使map
全局像你做了shape
和调用function addPoly()
直接从你的选择代码-然后这个问题应该解决。
HTH安迪
相关文章:
- Jasmine测试工厂函数调用本地函数和另一个函数-获取错误:应该是间谍,但得到了function
- 错误-应为赋值或函数调用,但实际看到的却是表达式
- 在 Promise 调用的错误函数回调后附加对象的用法是什么
- JavaScript私有函数调用错误
- 黑莓 10 级联 ajax 调用从 javascript 总是执行错误函数
- Ajax 调用弹簧控制器回调错误函数
- 如何使用 c# MVC4 在 $.ajax 中调用错误函数
- 从 HTML 调用 WCF 服务总是转到错误函数.适用于 aspx 页面
- ajax表单提交但调用错误函数
- Jquery post偶尔不调用成功或错误函数
- ajax错误导致函数调用成功
- 函数调用错误
- jquery AJAX对web方法的调用未运行错误函数
- 在本机错误对象调用函数's结构
- Ajax调用不断命中错误函数
- 谷歌Chrome错误没有加载谷歌地图,jQuery函数调用ajax
- ajax don't调用成功或错误函数
- 为什么从匿名函数调用方法时,这是对象,但直接调用会引发错误
- 0x800a138a-JavaScript运行时错误:AJAX调用中需要函数
- jQuery AJAX调用触发错误函数