如何在地图上显示用户位置以及我的标记
How is it possible to show user location as well as my markers on map?
这段代码让我可以看到我在地图上做的标记,有人知道我如何在地图上简单地显示用户的位置吗?这是我迄今为止的代码。。。每当我尝试并遵循谷歌地图API开发人员的指示时,我似乎无法显示地图上的用户位置以及我已经使用的标记,请有人帮忙!非常感谢。Jacob
<script type="text/javascript">
var customIcons = {
point: {
icon: 'img/points.png',
shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png'
},
};
function load() {
var map = new google.maps.Map(document.getElementById("map"), {
center: new google.maps.LatLng(53.8, -1.55),
zoom: 14,
mapTypeId: 'roadmap'
});
var infoWindow = new google.maps.InfoWindow;
// Change this depending on the name of your PHP file
downloadUrl("phpsqlajax_genxml.php", function(data) {
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName("marker");
for (var i = 0; i < markers.length; i++) {
var name = markers[i].getAttribute("name");
var type = markers[i].getAttribute("type");
var point = new google.maps.LatLng(
parseFloat(markers[i].getAttribute("lat")),
parseFloat(markers[i].getAttribute("lng")));
var html = "<b>" + name + "</b> <br/>" + type;
var icon = customIcons[type] || {};
var marker = new google.maps.Marker({
map: map,
position: point,
icon: icon.icon,
shadow: icon.shadow
});
bindInfoWindow(marker, map, infoWindow, html);
}
});
}
function bindInfoWindow(marker, map, infoWindow, html) {
google.maps.event.addListener(marker, 'click', function() {
infoWindow.setContent(html);
infoWindow.open(map, marker);
});
}
function downloadUrl(url, callback) {
var request = window.ActiveXObject ?
new ActiveXObject('Microsoft.XMLHTTP') :
new XMLHttpRequest;
request.onreadystatechange = function() {
if (request.readyState == 4) {
request.onreadystatechange = doNothing;
callback(request, request.status);
}
};
request.open('GET', url, true);
request.send(null);
}
function doNothing() {}
//]]>
您可以使用这样的初始化函数或提取需要的部分
function initialize() {
if(google.loader.ClientLocation) {
loc.lat = google.loader.ClientLocation.latitude;
loc.lng = google.loader.ClientLocation.longitude;
var latlng = new google.maps.LatLng(loc.lat, loc.lng);
var myOptions = {
zoom: 15,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map"), myOptions);
var marker = new google.maps.Marker({
position: latlng,
map: map
});
}
}
使用地理位置标记库。这让事情变得非常简单。
免责声明:我是图书馆的作者。
相关文章:
- 谷歌地图API标记没有标记我的位置
- 在谷歌地图上显示我的位置
- 如何将我的 Google 地图功能从自动查找我的位置更改为让我输入一个位置
- 谷歌地图没有显示我的位置
- 根据我的位置对数据进行排序并预定义城市名称
- 地理位置发现我的位置不起作用
- 跟踪从我的位置到谷歌地图v3位置的路线
- 为使用“我的位置”作为起点的Bing地图方向构建查询字符串
- 这个特定的网站是如何找到我的位置的?http://freebirds.com/locations/.
- 如何创建android网络视图以将我的位置共享到网站
- 如何使用我的位置来计算两点之间的距离使用纬度和经度
- 谷歌地图显示最近的数据库标记到我的位置
- 有没有办法抓住我的位置在一个网站上,并在我的位置上打开另一个网站
- simpleweatherjs插件:Firefox要求我分享我的位置,但不会显示当前温度
- 无法显示和更新我的位置标记
- 我想让谷歌从我的位置到地图上点击的标记
- 谷歌地图API找到我的位置加载Javascript
- 谷歌浏览器不会问我的位置- html/ js
- G.地图javascript从我的位置多个方向.重新加载页面
- Google HTML 5 地理位置“使用我的位置”仅适用于 Firefox