繁体   English   中英

gmap3用gps坐标和响应模式替换地址

[英]Gmap3 replace adress by gps coordinates and responsive mode

我的gmap3有此代码,我想:

  1. 用GPS坐标替换我的地址
  2. 调整页面大小时,将标记放在中心。
$(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.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM