我试图首次在主页上添加谷歌地图,然后找到了创建具有特定位置的谷歌地图的代码 -
var myLatlng1 = new google.maps.LatLng(53.65914, 0.072050)
并且我不知道如何更改标记所在的位置 - 我在哪里可以找到位置坐标?谢谢!
<html>
<head>
<title> Map </title>
<style>
html, body, #map-canvas {
margin: 0;
padding: 0;
height: 500px;
width: 800px;}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false">
</script>
<script>
var map;
function initialize()
{
var myLatlng1 = new google.maps.LatLng(53.65914, 0.072050);
var mapOptions =
{
zoom: 10,
center: myLatlng1,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById('map-canvas'),
mapOptions);
<?php
$sql = mysql_query("SELECT * FROM data ORDER BY ID DESC");
while($row =mysql_fetch_array($sql))
{
$desc = $row['DESCRIPTION'];
$location = $row['LOCATION'];
$counter += 1;
?>
var marker = new google.maps.Marker({
position: new google.maps.LatLng(<?php echo $location; ?>),
map: map,
title: '<?php echo $desc; ?>',
icon: '/image/cam.png'
});
navigator.geolocation.getCurrentPosition(showPosition);
}
var showPosition = function (position)
{
map.setCenter(new google.maps.LatLng(position.coords.latitude,
position.coords.longitude), 16);
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
答案 0 :(得分:1)
这很容易。首先转到谷歌地图,然后选择要放大的位置。一旦看到页面顶部的URL,它应该如下所示:
https://www.google.com/maps/@44.0005355,-71.0799974,12z
这是你的纬线长44.0005355和-71.0799974只需用你拥有的替换它们。
答案 1 :(得分:0)
设置标记的代码部分(包括位置)是这个
var yourLat = 45.2323; // is only sample value
ver yourLng = 14.1818; // is only sample value
var marker = new google.maps.Marker({
position: new google.maps.LatLng(yourLat, yourLng),
map: map,
title: 'your title',
icon: '/image/cam.png'
});
您必须在Google地图符号中指定coord,因此如果您没有此coord,请使用Google地图并点击您想要的点。 coord出现在一个方框中