标记谷歌地图
Marker Google Maps
本文关键字:谷歌地图 更新时间:2023-09-26
我不知道是什么,但我想显示自定义标记,但它不显示。
需要帮助。
非常感谢。
这是我的。Js:
var locations = [
['Homexpo', 44.89589669999999, -0.5713743999999679, 3],
['Biganos', 44.640044, -0.9629101000000446, 2],
['Siege social', 44.8864352, -0.6952949999999873, 1]
];
var map = new google.maps.Map(document.getElementById('ggmap-offre'), {
zoom: 9,
center: new google.maps.LatLng(44.89589669999999, -0.5713743999999679),
scrollwheel: false,
draggable: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
for (var i = 0; i < locations.length; i++) {
var marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map
});
}
var marker = {
url: "http://www.verywell-web.com/sanem/img/pin-ggmap.png",
size: new google.maps.Size(31, 40),
anchor: new google.maps.Point(31, 20)
};
var optionsMarqueur = {
position: centreCarte,
map: maCarte,
icon: marker
}
var marqueur = new google.maps.Marker(optionsMarqueur);
您可以尝试执行此
添加名为AddMarker 的函数
function addMarker(marker){
var markerImage = {
url: "http://www.verywell-web.com/sanem/img/pin-ggmap.png",
size: new google.maps.Size(31, 40),
anchor: new google.maps.Point(31, 20)
};
var marker = new google.maps.Marker({
position: new google.maps.LatLng(marker[1], marker[2]),
icon: markerImage,
map: map
});
}
然后
var map = new google.maps.Map(document.getElementById('ggmap-offre'), {
zoom: 9,
center: new google.maps.LatLng(44.89589669999999, -0.5713743999999679),
scrollwheel: false,
draggable: false,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
var locations = [
['Homexpo', 44.89589669999999, -0.5713743999999679, 3],
['Biganos', 44.640044, -0.9629101000000446, 2],
['Siege social', 44.8864352, -0.6952949999999873, 1]
];
for(var i = 0, locations; loc = locations[i];i++){
addMarker(loc);
}
您应该在for循环中指定图标样式。
试试这个。
var image = {
url: 'http://www.verywell-web.com/sanem/img/pin-ggmap.png',
size: new google.maps.Size(31, 40),
anchor: new google.maps.Point(31, 20)
}
for (var i = 0; i < locations.length; i++) {
var marker = new google.maps.Marker({
position: new google.maps.LatLng(locations[i][1], locations[i][2]),
map: map,
icon: image
});
}
相关文章:
- 谷歌地图固定位置覆盖
- 不显示带有本地json文件数据的谷歌地图脚本
- 谷歌地图不是以HTML显示,而是在JS Fiddle上工作
- 谷歌地图标记不会显示
- 无法在JS中显示谷歌地图
- 科尔多瓦页面类应用程序中的多个谷歌地图
- 需要帮助谷歌地图方向面板在FancyBox中显示
- 在谷歌地图上获取事件的x,y坐标
- 谷歌地图API v3不适用于移动浏览器或PhoneGap
- 模拟谷歌地图中的点击
- 如何知道哪个标记被谷歌地图点击了
- 谷歌地图JS API+JSON-多个标记没有显示
- 缓存谷歌地图数据
- 谷歌地图劫持了iphone's滚动(触摸事件)-如何恢复
- 在谷歌地图上绘制位置数据库
- 标记的实时更新,无需加载页面谷歌地图API V3
- 可以't计算自定义谷歌地图的js
- 谷歌地图可以't添加正确的标记ID
- 如何更改角度谷歌地图上的集群图标
- 谷歌地图v3标记没有显示ie8和9