how to draw google api marker using javascript

Question

i am search on specific location display with doted lines in google map api

Shuvojit Halder · Answer

Check this code. Double click on your prefer position. Simple Polygon html, body, #map-canvas { height: 100%; margin: 0px; padding: 0px; } // This example creates a simple polygon representing the Bermuda Triangle. var flightPath; function initialize() { var mapOptions = { zoom: 5, center: new google.maps.LatLng(24.886436490787712, -70.2685546875), mapTypeId: google.maps.MapTypeId.TERRAIN }; var bermudaTriangle; var map = new google.maps.Map(document.getElementById('map-canvas'), mapOptions); //var triangleCoords = []; google.maps.event.addListener(map, 'click', function (event) { var lat = event.latLng.lat(); var lng = event.latLng.lng(); var Position = new google.maps.LatLng(lat, lng); //Google map Coordinates addMyMarker(Position, map); }); } google.maps.event.addDomListener(window, 'load', initialize); function addMyMarker(pos,map) { //function that will add markers on button click var marker = new google.maps.Marker({ position: pos, map: map, draggable: true, animation: google.maps.Animation.DROP, title: "This a new marker!", icon: "http://maps.google.com/mapfiles/ms/micons/blue.png" }); }

how to draw google api marker using javascript

Answers (1)