Geolokalizacja z Google Map V3 - javascript, jquery, google-maps-api-3, geolokalizacja

Chciałbym dodać geolokalizację do mobilnej wersji mojego mapa znajduje się w http://alert.fcd.maricopa.gov/alert/Google/v3/mobile.html.

Moja mapa ładuje się przez ten plik JavaScript http://alert.fcd.maricopa.gov/alert/Google/v3/js/mobilemap_v3.js. ty zauważy, że linia 46 tego pliku to -

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

Próbowałem przykładu Geolokalizacji w https://developers.google.com/maps/documentation/javascript/examples/map-geolocation oraz metoda geolokalizacji W3 HTML5 w http://www.w3schools.com/html/html5_geolocation.asp. Ale moja mapa ładuje się przez jquery i nie używa

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

jak wszystkie przykłady.

Mogę uruchomić geolokalizację, jeśli zastąpię $ w linii 46 za pomocą document.getElementById, ale wtedy żaden z moich czujników / twórców nie będzie pokaz.

Czy ktoś wie, jak mogę uzyskać geolokalizację z moim nadal ładowane znaczniki / dane?

Odpowiedzi:

Znalazłem odpowiedź na to! Użyłem geolocationmarker-compiled.js (at http://code.google.com/p/google-maps-utility-library-v3/source/browse/trunk/geolocationmarker/src/geolocationmarker-compiled.js?r=379), a następnie dodano

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);

i działa świetnie. Mapa mobilna z geolokalizacją działa na http://alert.fcd.maricopa.gov/alert/Google/v3/mobile.html i kod geolokalizacji w pliku mobilemap_v3.js, jeśli ktoś chce zrobić to samo.