作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在尝试设置一个联系人页面,在其中显示谷歌地图以指示会面地点。我目前正在使用这些代码:
js
(function(){
document.getElementById('map_canvas').style.display="block";
var myOptions = {
zoom: 14,
center: new google.maps.LatLng(0.0, 0.0)
}
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
})();
html
<script type="application/javascript" src="/js/google-map.js">
<div id="map_canvas" style="width:80%; height: 400px; margin:auto;"></div>
问题是我无法像在谷歌地图中那样标记指示的地点,以向用户精确指示指示的地点。请问有什么好主意吗?
最佳答案
首先需要定义标记的经纬度
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
然后你需要添加一个标记:
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Hello World!'
});
看看 https://developers.google.com/maps/documentation/javascript/examples/marker-simple?hl=es
关于javascript - 如何使用谷歌地图标记地点,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24958408/
leaflet:一个开源并且对移动端友好的交互式地图 JavaScript 库 中文文档: https://leafletjs.cn/reference.html 官网(英文): ht
我是一名优秀的程序员,十分优秀!