Skip to content

G
getme
Commit 80e14d79 by Arjun
Options

location pin change

parent 641feb38
Showing with 31 additions and 18 deletions
src/app/home/home.page.html
......@@ -137,7 +137,7 @@
<agm-map [zoom]="20" [latitude]="lat" [longitude]="lng" [disableDefaultUI]="false" [zoomControl]="false" [backgroundColor]="'rgba(29, 27, 130,0.2)'">
<agm-marker [latitude]="lat" [longitude]="lng" [iconUrl]="
{
url: './assets/pin.svg',
url: './assets/pin-2.svg',
scaledSize: {
width: 28,
height: 40
......
src/app/nearby/nearby.page.html
......@@ -25,8 +25,8 @@
{
url: './assets/pin.svg',
scaledSize: {
width: 28,
height: 40
width: 100,
height: 100
}}"></agm-marker>
</agm-map>
<span class="map-pin"><img src="../../assets/pin.svg" alt=""></span>
......
src/app/nearby/nearby.page.scss
......@@ -14,7 +14,10 @@
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 25px;
width: 20px;
img {
margin-top: -23px;
}
}
}
.overlay {
......
src/assets/pin-2.svg 0 → 100644
<svg xmlns="http://www.w3.org/2000/svg" width="65.564" height="99.014" viewBox="0 0 65.564 99.014">
<g id="Group_6" data-name="Group 6" transform="translate(-19.97 0.014)">
<g id="Group_5" data-name="Group 5" transform="translate(-2.935 1.022)">
<ellipse id="Ellipse_4" data-name="Ellipse 4" cx="17" cy="6" rx="17" ry="6" transform="translate(38.935 85.978)" fill="#b5b5cd"/>
<ellipse id="Ellipse_6" data-name="Ellipse 6" cx="17" cy="6" rx="17" ry="6" transform="translate(38.935 85.978)" fill="#b5b5cd"/>
</g>
<g id="Group_2" data-name="Group 2" transform="translate(3 -3)">
<circle id="Ellipse_1" data-name="Ellipse 1" cx="24.5" cy="24.5" r="24.5" transform="translate(25 11)" fill="#fff"/>
<g id="pin" transform="translate(-0.222 -0.104)">
<path id="Path_1" data-name="Path 1" d="M49.8,96.9c-3.7-4.7-7.4-9.2-10.9-13.9A147.669,147.669,0,0,1,22.5,56.1a55.361,55.361,0,0,1-4.9-15.4,31.919,31.919,0,0,1,7.4-26A31.406,31.406,0,0,1,44.9,3.5,32.726,32.726,0,0,1,82,28.8c1.6,7.1.5,13.9-1.8,20.7A111.792,111.792,0,0,1,67.3,74.2,205.417,205.417,0,0,1,50.7,96,3.74,3.74,0,0,1,49.8,96.9Zm.3-84.6a23.475,23.475,0,1,0,16.66,6.911A23.6,23.6,0,0,0,50.1,12.3Z" fill="#242052"/>
<g id="Group_1" data-name="Group 1">
<path id="Path_2" data-name="Path 2" d="M33.3,45.1V25.6L50,16.1l4.7,2.2L37.6,28l-.1,14.6,12.6,7,12.4-6.9-.2-9.4-7.9,4.5v6.1L50.7,46l-9.4-5.1V29.7l16.2-9.2,4.7,2.2L45.5,32.2v6.1L50.1,41l.1-5.7,16.5-9.4V45.1L50.1,54.5Z" fill="#c9974d"/>
</g>
</g>
</g>
</g>
</svg>
src/assets/pin.svg
<svg xmlns="http://www.w3.org/2000/svg" width="65.533" height="99" viewBox="0 0 65.533 99">
<g id="Group_6" data-name="Group 6" transform="translate(-20 0)">
<g id="Group_5" data-name="Group 5" transform="translate(-2.935 1.022)">
<ellipse id="Ellipse_4" data-name="Ellipse 4" cx="17" cy="6" rx="17" ry="6" transform="translate(38.935 85.978)" fill="#b5b5cd"/>
<ellipse id="Ellipse_6" data-name="Ellipse 6" cx="17" cy="6" rx="17" ry="6" transform="translate(38.935 85.978)" fill="#b5b5cd"/>
</g>
<g id="Group_2" data-name="Group 2" transform="translate(3 -3)">
<circle id="Ellipse_1" data-name="Ellipse 1" cx="24.5" cy="24.5" r="24.5" transform="translate(25 11)" fill="#fff"/>
<g id="pin" transform="translate(-0.222 -0.104)">
<path id="Path_1" data-name="Path 1" d="M49.8,96.9c-3.7-4.7-7.4-9.2-10.9-13.9A147.669,147.669,0,0,1,22.5,56.1a55.361,55.361,0,0,1-4.9-15.4,31.919,31.919,0,0,1,7.4-26A31.406,31.406,0,0,1,44.9,3.5,32.726,32.726,0,0,1,82,28.8c1.6,7.1.5,13.9-1.8,20.7A111.792,111.792,0,0,1,67.3,74.2,205.419,205.419,0,0,1,50.7,96,3.74,3.74,0,0,1,49.8,96.9Zm.3-84.6A23.6,23.6,0,1,0,73.6,35.9,23.475,23.475,0,0,0,50.1,12.3Z" fill="#242052"/>
<g id="Group_1" data-name="Group 1">
<path id="Path_2" data-name="Path 2" d="M33.3,45.1V25.6L50,16.1l4.7,2.2L37.6,28l-.1,14.6,12.6,7,12.4-6.9-.2-9.4-7.9,4.5v6.1L50.7,46l-9.4-5.1V29.7l16.2-9.2,4.7,2.2L45.5,32.2v6.1L50.1,41l.1-5.7,16.5-9.4V45.1L50.1,54.5Z" fill="#c9974d"/>
</g>
</g>
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="50" viewBox="0 0 24 50">
<g id="Group_1" data-name="Group 1" transform="translate(-38)">
<path id="Path_1" data-name="Path 1" d="M0,0H24V50H0Z" transform="translate(38)" fill="#fff" opacity="0"/>
<g id="pin_1_" data-name="pin (1)" transform="translate(38)">
<line id="Line_1" data-name="Line 1" y2="25" transform="translate(12 24)" fill="none" stroke="#556080" stroke-linecap="round" stroke-miterlimit="10" stroke-width="2"/>
<circle id="Ellipse_1" data-name="Ellipse 1" cx="12" cy="12" r="12" fill="#242052"/>
<ellipse id="Ellipse_2" data-name="Ellipse 2" cx="3" cy="2.5" rx="3" ry="2.5" transform="translate(5 6)" fill="#3d3873"/>
</g>
</g>
</svg>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment