谷歌地图API不会显示图标
Google Maps API Won't SHOW ICONS
完美!
这些网站不会填充谷歌地图上的图标,我添加了一个 API 以确保它这样做,
http://www.laketonopahliving.com/community
但是这些网站有和没有 api:
http://www.1001melroseapts.com/community
我需要做什么,上面的链接地图看起来像底部的链接地图?
谢谢!
您需要一个可以添加到地图中的标记数组。
理想情况下,标记位置将添加到数据库中,您可以在其中存储每个标记点的纬度和长度,因为纬度和经度是Google用于在地图上放置标记的纬度和经度。
因此,如果您有如下所示的一系列位置:
var locations = [
{lat: 38.1234324, lng: 78.123234, name: "Test 1", id:1},
{lat: 39.1234324, lng: 79.123234, name: "Test 2", id:2},
{lat: 40.1234324, lng: 80.123234, name: "Test 3", id:3},
{lat: 41.1234324, lng: 81.123234, name: "Test 4", id:4}
]
然后,您将遍历数组并使用如下所示的内容将标记添加到地图中:
$.each(locations, function(idx, location) {
new google.maps.Marker({
position : new google.maps.LatLng(location.lat, location.lng),
title: location.name,
map: map //map is the map object instance
});
});
相关文章:
- Javascript更改图标
- 单击更改图标并通过javascript添加一个css类
- 我希望只有在我滚动页面后才能显示我的返回页首图标
- 如何更改角度谷歌地图上的集群图标
- simpleweather js天气图标
- 更改图层中单个矢量特征的图标
- 使用Angular单击时更改特定图示符图标的颜色
- 加载图像时加载图标
- 可以'点击汉堡包图标后,菜单无法正常打开
- 持久页面操作图标
- 点击图标是't在量角器上工作
- 通过单击同一图标使菜单出现和消失
- 在for循环中使用多维数组设置google.maps.Marker图标
- 替换与单词'匹配的文本字符;购物车'替换为img图标
- 谷歌地图API-显示具有不同图标的标记
- 谷歌地图-更改图层图标大小
- 在标记mapbox.js上添加自定义图标
- 如何制作Yii框架的linkHtmlOptions's的CGridView显示为图像图标,单击时会触发javas
- 将for循环生成的图标附加到列表项锚点中
- 单击时切换上下图示符图标的问题