【发布时间】:2017-05-29 06:37:16
【问题描述】:
我有一个使用 Google Maps v3 API 集成地图的应用。在地图中,我显示了一些带有信息窗口的标记,其中包含客户的姓名、地址和建立路线的链接。
点击后的链接应该会转到谷歌地图的本地应用程序,但它没有响应。谷歌标记的其他链接也会发生同样的情况,比如加油站、企业等......
我附上了加载地图的方法、书签、信息窗口以及应该打开谷歌地图本机应用程序的方法。
它的核心应用是 html、css、javascript 和 jquery。它不是 android 或 ios 原生的。
函数 initMap() {
// Origin, could be latlng or ZipCode
var pointOrigin = new google.maps.LatLng(itemsPosition[0].latitud, itemsPosition[0].longitud);
var map = new google.maps.Map(document.getElementById('map'), {
zoom: 15,
// Map
center: pointOrigin
});
var infowindow = new google.maps.InfoWindow();
marker = new google.maps.Marker({
position: new google.maps.LatLng(itemsPosition[0].latitud, itemsPosition[0].longitud),
icon: "http://labs.google.com/ridefinder/images/mm_20_blue.png",
map: map
});
var marker, i;
for (i = 0; i < items.length; i++) {
marker = new google.maps.Marker({
position: new google.maps.LatLng(items[i].latitud, items[i].longitud),
icon: "http://labs.google.com/ridefinder/images/mm_20_red.png",
animation: google.maps.Animation.BOUNCE,
map: map
});
google.maps.event.addListener(marker, 'click', (function(marker, i) {
return function() {
marker.setAnimation(null);
infowindow.setContent("<div id='content'><h4>" + items[i].name + "</h4>" + items[i].dir + "<a id='ruta' href='" + showMap(items[i].latitud + "," + items[i].longitud) + "'>Ver Ruta</a></div>");
infowindow.open(map, marker);
}
})(marker, i));
}
// open navigator or native Maps App
function openMaps(latitud, longitud) {
window.open(showMap(latitud + "," + longitud), '_system');
}
// url changes according to device
showMap = function(q) {
var device = navigator.userAgent;
var q = q.replace(/\s/g, "+");
var url = "http://maps.google.com?saddr=" + itemsPosition[0].latitud + ',' + itemsPosition[0].longitud + "&daddr=" + q;
if (device.match(/Iphone/i) || device.match(/iPhone|iPad|iPod/i)) {
url = 'http://maps.apple.com/maps?saddr=Current%20Location&daddr=' + q
} else if (device.match(/Android/i)) {
url = "geo:0,0?q=" + q;
} else if (device.match(/Windows Phone/i)) {
url = "maps:" + q;
}
return url;
}
【问题讨论】:
标签: javascript android google-maps google-maps-api-3