Skip to content
This repository was archived by the owner on Feb 22, 2023. It is now read-only.
Closed
Changes from 1 commit
Commits
Show all changes
43 commits
Select commit Hold shift + click to select a range
5f861c5
Add my location button
nploi Dec 12, 2022
d9a4fa6
Move to current location when click
nploi Dec 13, 2022
1450b75
Add blue dot
nploi Dec 14, 2022
03ed666
Update my location icon
nploi Dec 14, 2022
72b6553
Add blue dot
nploi Dec 14, 2022
ea3dd73
Add animation
nploi Dec 19, 2022
64668d0
Update my location element
nploi Dec 19, 2022
e2a5a24
Update my location element
nploi Dec 19, 2022
1ae5172
Update my location element
nploi Dec 19, 2022
9abc526
Add blue dot
nploi Dec 19, 2022
b986d65
Add blue dot icon
nploi Dec 20, 2022
c358fe8
Format code
nploi Dec 20, 2022
278b043
Update UI
nploi Dec 20, 2022
a72e0a1
Update types
nploi Dec 20, 2022
7ad54b5
Revert code
nploi Dec 20, 2022
e0c6c3d
Revert code
nploi Dec 20, 2022
ea4cdef
Add integration test
nploi Dec 24, 2022
1cdce7a
Revert code
nploi Dec 24, 2022
58c74ec
Fix test fail
nploi Dec 25, 2022
7bd8aa4
Fix test fail
nploi Dec 25, 2022
1b62e8c
Add more test & fix test fail
nploi Dec 25, 2022
4d6ba54
Revert code
nploi Dec 25, 2022
9d40e2e
Fix spelling
nploi Dec 25, 2022
f3a8fc9
Updated version & changelog
nploi Dec 25, 2022
77414ec
Updated version & changelog
nploi Dec 25, 2022
6668606
Updated version & changelog
nploi Dec 25, 2022
1b4b0bb
Move code to separate file, update logic, add mylocation-sprite-2x to…
nploi Dec 28, 2022
241f69d
Update logic watch position and check permission
nploi Dec 31, 2022
c0fff06
Rename method
nploi Dec 31, 2022
1747092
Revert code
nploi Dec 31, 2022
dd51548
Fix unit-test & fix logic
nploi Jan 1, 2023
c99c506
Update blue dot icon & add todo me
nploi Jan 1, 2023
6c0aecd
Fix lint
nploi Jan 1, 2023
cbc6bc2
Add unit-test for location permission
nploi Jan 1, 2023
766d690
Add author
nploi Jan 1, 2023
d85e6b8
Fix error syntax
nploi Jan 1, 2023
f99bce4
Revert code
nploi Jan 1, 2023
9755380
Fix lint
nploi Jan 1, 2023
65630ef
Merge branch 'main' of https://github.com/nploi/plugins into impl-my-…
nploi Jan 11, 2023
42e307a
Fix linter
nploi Jan 11, 2023
0090120
Merge branch 'main' of https://github.com/nploi/plugins into impl-my-…
nploi Jan 23, 2023
3db8113
Merge branch 'main' into impl-my-location
nploi Jan 25, 2023
9270247
Fix linter
nploi Jan 28, 2023
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
Next Next commit
Update my location element
  • Loading branch information
nploi committed Dec 25, 2022
commit 64668d02648a2f533935e29320e2de1ad3ed06f8
Original file line number Diff line number Diff line change
Expand Up @@ -187,57 +187,6 @@ class GoogleMapController {
}
}

void _addMyLocationButton(gmaps.GMap map) {
final controlDiv = document.createElement('div');
var firstChild = document.createElement('button');
firstChild.style.backgroundColor = '#fff';
firstChild.style.border = 'none';
firstChild.style.outline = 'none';
firstChild.style.width = '40px';
firstChild.style.height = '40px';
firstChild.style.borderRadius = '2px';
firstChild.style.boxShadow = '0 1px 4px rgba(0,0,0,0.3)';
firstChild.style.cursor = 'pointer';
firstChild.style.marginRight = '10px';
firstChild.style.padding = '0px';
firstChild.title = 'Your Location';
controlDiv.append(firstChild);

var secondChild = document.createElement('div');
secondChild.style.margin = '5px';
secondChild.style.width = '30px';
secondChild.style.height = '30px';
secondChild.style.backgroundImage =
'url(https://maps.gstatic.com/tactile/mylocation/mylocation-sprite-2x.png)';
secondChild.style.backgroundSize = '300px 30px';
secondChild.style.backgroundPosition = '0px 0px';
secondChild.style.backgroundRepeat = 'no-repeat';
secondChild.id = 'you_location_img';
firstChild.append(secondChild);

firstChild.addEventListener("click", ((event) {
String imgX = '0';
final timer = Timer.periodic(const Duration(milliseconds: 500), (_) {
imgX = (imgX == '-30') ? '0' : '-30';
document.getElementById('you_location_img')?.style.backgroundPosition =
'${imgX}px 0px';
});
_moveToCurrentLocation().then((_) {
timer.cancel();
document.getElementById('you_location_img')?.style.backgroundPosition =
'-270px 0px';
});
}));

map.addListener('dragend', () {
document.getElementById('you_location_img')?.style.backgroundPosition =
'0px 0px';
});

map.controls![gmaps.ControlPosition.RIGHT_BOTTOM as int]
?.push(controlDiv as HtmlElement);
}

Future<void> _moveToCurrentLocation() async {
final location = await window.navigator.geolocation.getCurrentPosition();
await moveCamera(
Expand Down Expand Up @@ -482,6 +431,57 @@ class GoogleMapController {
return _markersController?.isInfoWindowShown(markerId) ?? false;
}

void _addMyLocationButton(gmaps.GMap map) {
final controlDiv = document.createElement('button');
controlDiv.style.backgroundColor = '#fff';
controlDiv.style.border = 'none';
controlDiv.style.outline = 'none';
controlDiv.style.width = '40px';
controlDiv.style.height = '40px';
controlDiv.style.borderRadius = '2px';
controlDiv.style.boxShadow = '0 1px 4px rgba(0,0,0,0.3)';
controlDiv.style.cursor = 'pointer';
controlDiv.style.marginRight = '10px';
controlDiv.style.padding = '0px';

final secondChild = document.createElement('div');
secondChild.style.margin = '5px';
secondChild.style.width = '30px';
secondChild.style.height = '30px';
secondChild.style.backgroundImage =
'url(https://maps.gstatic.com/tactile/mylocation/mylocation-sprite-2x.png)';
secondChild.style.backgroundSize = '300px 30px';
secondChild.style.backgroundPosition = '0px 0px';
secondChild.style.backgroundRepeat = 'no-repeat';
secondChild.id = 'you_location_img';
controlDiv.append(secondChild);

// ignore: unnecessary_parenthesis
controlDiv.addEventListener("click", ((_) {
String imgX = '0';
final Timer timer =
Timer.periodic(const Duration(milliseconds: 500), (_) {
imgX = (imgX == '-30') ? '0' : '-30';
document.getElementById('you_location_img')?.style.backgroundPosition =
'${imgX}px 0px';
});
_moveToCurrentLocation().then((_) {
timer.cancel();
imgX = '-270';
document.getElementById('you_location_img')?.style.backgroundPosition =
'-270px 0px';
});
}));

map.addListener('dragend', () {
document.getElementById('you_location_img')?.style.backgroundPosition =
'0px 0px';
});

map.controls![gmaps.ControlPosition.RIGHT_BOTTOM as int]
?.push(controlDiv as HtmlElement);
}

// Cleanup

/// Disposes of this controller and its resources.
Expand Down