[英]Gmap3 replace adress by gps coordinates and responsive mode
我的gmap3有此代码,我想:
$(function(){
$('#adresse').gmap3({
marker: {
address: " Apple CAP 3000 Avenue Eugène Donadeï, 06700 Saint-Laurent Du Var, France"
},
map: {
options: {
zoom: 17
}
}
});
});
更新
目前,我在您的第一点上进行了操作,我将标记线替换为纬度和经度而不是地址,但这是行不通的。 我做错事情了 ?
{marker: { address: " Apple CAP 3000 Avenue Eugène Donadeï, 06700 Saint-Laurent Du Var, France" },
通过
{marker: { geometry: "lat: 37.4220323, lng: -122.0845109"},
1.将我的地址替换为GPS坐标
您可以使用地理编码过程将地址(例如“ 1600 Amphitheatre Parkway,Mountain View,CA”)转换为地理坐标(例如纬度37.423021和经度-122.083739),然后将其用于在地图上放置标记或定位地图。 Google Maps Geocoding API提供了通过HTTP请求访问这些服务的直接方法。 您可以在此处查看通过Google Maps JavaScript API使用地理编码服务来演示基本功能的示例。
Google Maps Geocoding API请求采用以下形式:
https://maps.googleapis.com/maps/api/geocode/outputFormat?parameters
其中
outputFormat
可以是以下值之一:
json
(推荐)表示以JavaScript对象表示法(JSON)输出; 要么xml
表示以XML输出要通过HTTP访问Google Maps Geocoding API,请使用:
http://maps.googleapis.com/maps/api/geocode/outputFormat?parameters
2.调整页面大小时,将标记放在中间。
您可以检查以下相关的SO帖子:
将地图变量移到事件侦听器可以使用的范围。 您正在内部initialize()函数中创建地图,以这种方式创建时没有其他可以使用它。
var map; //<-- This is now available to both event listeners and the initialize() function function initialize() { var mapOptions = { center: new google.maps.LatLng(40.5472,12.282715), zoom: 6, mapTypeId: google.maps.MapTypeId.ROADMAP }; map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions); } google.maps.event.addDomListener(window, 'load', initialize); google.maps.event.addDomListener(window, "resize", function() { var center = map.getCenter(); google.maps.event.trigger(map, "resize"); map.setCenter(center); });
希望这可以帮助! :)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.