javascript - 数组中的随机 Google map 标记

标签 javascript google-maps google-maps-api-3

我正在尝试从 Google map 上的数组添加自定义标记,我看到了另一个与此接近的问题,但提供的代码不允许 Google map API 选择标记图标

 function button1(location) {
var get1 = prompt ("Enter First Coord");
var get2 = prompt ("Enter Second Coord");

var icons = [
"https://raw.githubusercontent.com/Concept211/Google-Maps-Markers/master/images/marker_green.png",
"https://raw.githubusercontent.com/Concept211/Google-Maps-Markers/master/images/marker_purple.png",
"https://raw.githubusercontent.com/Concept211/Google-Maps-Markers/master/images/marker_orange.png",
"https://raw.githubusercontent.com/Concept211/Google-Maps-Markers/master/images/marker_white.png",
"https://raw.githubusercontent.com/Concept211/Google-Maps-Markers/master/images/marker_black.png",
"https://raw.githubusercontent.com/Concept211/Google-Maps-Markers/master/images/marker_blue.png"

];
var items;
var center = new google.maps.LatLng(get1,get2);
map.panTo(center);
var marker = new google.maps.Marker({
position: center,
map: map,

icon: items[Math.floor(Math.random()*icons .length)]
});

我不断收到“项目未定义”的消息。 如果我在代码上方定义它,我会得到一个不同的错误: 图标上的“无法读取未定义的属性‘3’”:items[Math.floor(Math.random()*icons .length)]代码

如果有人知道解决方案,我将非常感激,谢谢!

最佳答案

您正在尝试获取空变量items的内容...替换

icon: items[Math.floor(Math.random()*icons .length)]

与:

icon: icons[Math.floor(Math.random()*icons .length)]

因为你没有在变量items中保存图片,而是在变量icons中保存图片。

关于javascript - 数组中的随机 Google map 标记,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49634111/

相关文章:

javascript - 当用户点击下拉菜单时如何隐藏下拉菜单?

javascript - 饼图 d3.js

javascript - 谷歌地图的新位置如何在 React 上居中?

android - 是否没有用于 Google 地方自动完成和 map 方向的现有 Java 类?

javascript - 在 Google Maps API v3 中获取自定义图 block 的中心 LatLng 点

javascript - 计算融合表中点之间的距离

javascript - 如何将 css 样式嵌入到打印预览中

javascript - 当循环对象数组并向变量添加数据时,它总是随数据添加 null

javascript - Google maps api定位 Angular 坐标

drawing - google maps API v3 - 如何绘制动态多边形/折线?