地理位置与谷歌地图V3

问题描述：

我想地理位置添加到我的位于http://alert.fcd.maricopa.gov/alert/Google/v3/mobile.html 地图移动版。地理位置与谷歌地图V3

我通过这个JavaScript地图加载文件 http://alert.fcd.maricopa.gov/alert/Google/v3/js/mobilemap_v3.js。你会发现这个文件的该行46 -

map = new google.maps.Map($('#map_canvas')[0],myOptions);

我试图在https://developers.google.com/maps/documentation/javascript/examples/map-geolocation的地理位置例子，在http://www.w3schools.com/html/html5_geolocation.asp的W3 HTML5的地理定位方法。但我的地图加载通过jquery和不使用

map = new google.maps.Map(document.getElementById('map-canvas'), 
mapOptions);

像所有的例子。

如果我用 document.getElementById替换第46行中的$，那么我可以获取地理定位，但是然后我的传感器/制造商都不会显示。

有谁知道我怎么能拿地理位置与我标记/数据仍在加载工作？

这将有助于如果我们能看到你实际使用的AJAX代码。 – Blazemonger 2013-05-07 19:37:30

CSS为地图（#map_canvas）是在 'http://alert.fcd.maricopa.gov/alert/Google/v3/css/mobile.css'。您可以通过浏览器查看mobile.html的页面源代码。 – MillerC 2013-05-07 19:46:05

您应该直接在问题中为后代发布您的问题代码（JS，不仅仅是CSS）。您的外部页面可能随时发生变化，在您收到有用答案后几乎肯定会发生变化。 – Blazemonger 2013-05-07 19:57:29

答

找到一个答案！我用geolocationmarker-compiled.js（在http://code.google.com/p/google-maps-utility-library-v3/source/browse/trunk/geolocationmarker/src/geolocationmarker-compiled.js?r=379），然后加入

var GeoMarker; 

GeoMarker = new GeolocationMarker(); 
    GeoMarker.setCircleOptions({ 
    fillColor: '#808080'}); 

    google.maps.event.addListenerOnce(GeoMarker, 'position_changed', function() { 
     map.setCenter(this.getPosition()); 
     map.fitBounds(this.getBounds()); 
    }); 

    google.maps.event.addListener(GeoMarker, 'geolocation_error', function(e) { 
     alert('There was an error obtaining your position. Message: ' + e.message); 
    }); 

    GeoMarker.setMap(map);

和它的伟大工程。如果任何人想要做同样的事情，那么移动地图工作位于http://alert.fcd.maricopa.gov/alert/Google/v3/mobile.html，移动地图代码位于mobilemap_v3.js文件中。

地理位置与谷歌地图V3

相关推荐