作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
在谷歌地图中,当我添加标记时,我希望它是一个气泡,其中包含谷歌为该位置提供的地址。我有什么选项可以发送标记对象(或者它是标记对象?)
最佳答案
我可以使用以下 google-maps-api-v3 javascript 嵌入代码绘制/冒泡给定的地址/邮政编码(不超过八个)。
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>Google Maps JavaScript API v3 Example: Directions Waypoints</title>
<link href="http://code.google.com/apis/maps/documentation/javascript/examples/standard.css" rel="stylesheet" type="text/css" />
<script src="https://maps-api-ssl.google.com/maps/api/js?v=3&sensor=false" type="text/javascript"></script>
<script type="text/javascript">
function initialize() {
var directionDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
directionsDisplay = new google.maps.DirectionsRenderer();
var chicago = new google.maps.LatLng(41.850033, -87.6500523);
var myOptions = {
zoom: 6,
mapTypeId: google.maps.MapTypeId.ROADMAP,
center: chicago }
var waypts = [];
var PtsArray = [];
//Give input as postcode/place name as a single string seperated by pipeline character as follows.
var PointsString = "LE126UW" + "|" + "NG104AH" + "|" + "B112RJ" + "|" + "London";
PtsArray = PointsString.split("|");
var length = PtsArray.length;
if (length > 2) {
for (i = 1; i < (length - 1); i++) {
waypts.push({
location: String(PtsArray[i]),
stopover: true
});
}
}
var request = {
origin: String(PtsArray[0]),
destination: String(PtsArray[length - 1]),
waypoints: waypts,
optimizeWaypoints: false,//set this to true to get optimized path else it will plot as the given input.
travelMode: google.maps.DirectionsTravelMode.DRIVING//set your travel mode here (walking,driving..)
};
directionsService.route(request, function (response, status) {
if (status == google.maps.DirectionsStatus.OK) {
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
directionsDisplay.setMap(map);
directionsDisplay.setDirections(response);
var route = response.routes[0];
var total = 0;
var numberLegs = route.legs.length;
}
else {
alert("Could not load data.." + status);
}
});
}
</script>
希望这对你也有帮助...
关于javascript - 如何向标记添加结束(胡佛)事件以显示地址,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6680144/
在谷歌地图中,当我添加标记时,我希望它是一个气泡,其中包含谷歌为该位置提供的地址。我有什么选项可以发送标记对象(或者它是标记对象?) 最佳答案 我可以使用以下 google-maps-api-v3
我是一名优秀的程序员,十分优秀!