Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/image-processing/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用Angular Js从地址数组中创建多个标记Google Map API v3_Javascript_Angularjs_Google Maps_Google Maps Api 3 - Fatal编程技术网

Javascript 使用Angular Js从地址数组中创建多个标记Google Map API v3

Javascript 使用Angular Js从地址数组中创建多个标记Google Map API v3,javascript,angularjs,google-maps,google-maps-api-3,Javascript,Angularjs,Google Maps,Google Maps Api 3,我必须使用angular js从地址数组实现多标记功能 这是我的小提琴: http://jsfiddle.net/cVsdp/175/ 但我得到了以下错误: Uncaught Error: [$injector:modulerr] Failed to instantiate module MyApp 任何人都可以帮助我。您可以将JSFIDLE设置从onLoad更改为No wrap-in 请参见工作示例: 编辑: 另外,换行 map = new google.maps.Map(angula

我必须使用angular js从地址数组实现多标记功能

这是我的小提琴:

http://jsfiddle.net/cVsdp/175/
但我得到了以下错误:

Uncaught Error: [$injector:modulerr] Failed to instantiate module MyApp 

任何人都可以帮助我。

您可以将JSFIDLE设置从
onLoad
更改为
No wrap-in

请参见工作示例:

编辑: 另外,换行

map = new google.maps.Map(angular.element(document.querySelector("#map_canvas")[0]), myOptions);
对下列事项:

map = new google.maps.Map(document.querySelector("#map_canvas"), myOptions);
工作指南:


互联网上有这么多示例,但在大多数示例中,这些数据库中已经提供了纬度和经度

下面的示例使用地址数组并在google地图上放置多个标记

工作示例:


jsfiddle:http://jsfiddle.net/cVsdp/182/

谢谢回复ztan。将onLoad更改为No wrap-in console.log(“latlng”+latlng)后;正在显示值。但地图仍然没有显示。。并且在控制台中显示错误消息----------------->未捕获类型错误:未能在“窗口”上执行“getComputedStyle”:参数1不是“元素”类型。。你能帮我一下吗?@javadeveloper,请看我编辑的答案。另外,如果它能解决您的问题,您介意将其标记为已接受(绿色复选标记)吗?非常感谢ztan:-)嗨,ztan,您能为这篇文章提供解决方案吗: