个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
25
4
这是我的整个代码(只是一个测试页)。它显示 map 但不显示标记。我怎样才能让它显示标记？
<!DOCTYPE html>
<html>
<head>
<style>
#map_canvas {
width: 500px;
height: 400px;
}
</style>
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script>
function initialize() {
var map_canvas = document.getElementById('map_canvas');
var map_options = {
center: new google.maps.LatLng(44.5403, -78.5463),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
var map = new google.maps.Map(map_canvas, map_options)
var marker = new google.maps.Marker({
position: latLng,
map: map
});
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body>
<div id="map_canvas"></div>
</body>
</html>
最佳答案
您的代码的问题是您尚未定义任何变量latLng并且您在标记中使用它。所以显然你的代码将无法工作。首先定义latLng，然后使用。
像这样定义它:
var latLng = new google.maps.LatLng(44.5403, -78.5463);//Your marker coordinates.
然后在您的代码中使用它，例如:
var marker = new google.maps.Marker({
position: latLng,
map: map
});
关于javascript - 如何在网页中的谷歌地图上添加标记，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/24218781/
25
4
0
leaflet：一个开源并且对移动端友好的交互式地图 JavaScript 库 中文文档： https://leafletjs.cn/reference.html 官网（英文）： ht
我是一名优秀的程序员,十分优秀！