我正在创建一个使用 JavaScript 显示 Google map 的网页。我怎样才能将图像作为图标放在该 map 上。这是我所拥有的:
<script language="javascript">
var lat=1067;
var lon=-110;
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(lat, lon), 13);
}
}
function map(position) {
lat = position.coords.latitude;
lon = position.coords.longitude;
load();
}
function get_location() {
navigator.geolocation.getCurrentPosition(map);
}
</script>
</head>
<body onload="load()" onunload="GUnload()">
<input type ="Button" size = "50" onclick = "get_location();">Search</input>
<div id="map" style="width: 1200px; height: 600px"></div>
最佳答案
Google map 中的图标是文档中“叠加层”部分的一部分。 Here是文档相关部分的链接。
简而言之:
var image = 'beachflag.png';
var myLatLng = new google.maps.LatLng(-33.890542, 151.274856); //or wherever you want the marker placed
var beachMarker = new google.maps.Marker({
position: myLatLng,
map: map,
icon: image
});
关于javascript - 将图像放在 Google map 上，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/6413541/