i have map and iwant to add multiple markers to map from sql database,and each marker has colorful infowindow that has few details and has link when it cklicked the infowindow will be large and contains tabs every tabs binding to sqlserver and in one tab we add image gallary.
View 1 Replies
When I click marker hes show a Description. reference by this Example : [URL] .... but I want add some features, when I click marker hes show a description and also one link/button(DELETE). When I click link/button then delete marker also delete from database record.
View 1 RepliesI have a repeater to show the data and has another repeater for google map.My map will show 10 markers .Now i need to highlight the first marker when hovering the first result in the repeater and so on Here is my code...
<div id="dvMap">
</div>
<script type="text/javascript">
[Code].....
How can i close infowindom in google map when click out side the marker ...
View 1 RepliesI have to insert different characters in each marker.How can I? like the below link I want to insert in this below link they display markers with letters. for example they used 'blue' color for 'L' yellow for 'k' like that I want to write code give me syntax for writing like that.URL...
View 1 RepliesIf all rows has lat and lng then below code is working fine. But my grid has no coordinates for some rows like for 20 rows there are only 2 rows has coordinates(lat and lng) in this case this code is not working. And i have paging if i go to next page for this its taking again previous 1st rowindex and showing infowindow on the map.
$("[Id*=GridView1] td").live("click", function () {
google.maps.event.trigger(google_markers[$(this).parent()[0].rowIndex - 1], 'click');
});
$("[Id*=GridView1] td").live("click", function () {
});
[Code] ....
I have wriiten the following code to avoid zoomout of the markers and to place the makers center to the map.
var bounds=new google.maps.LatLngBounds();map.fitBounds(bounds);map.setCenter(bounds.getCenter());
The above code is working correctly.But when i wrote setInterval function to drop the markers after a specific interval of time , the above piece of code is not working and the map is not getting displayed.This the code i have written
window.onload = function () {
var mapOptions = {
center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var infoWindow = new google.maps.InfoWindow();
[Code] ....
[URL]
how to change icon marker on google maps to custom shape with label ?
like [URL] website.
I am using the code below for google maps to show multiple markets and it works fine. but I am confused how to add the following...
If you click a marker and zoom it does not always stay in sync and you lose sight of the market...
This my code but it is not showing difference How Would I change the size of the markers give me some syntaxs
var mapOptions1 = {
center: new google.maps.LatLng(-34.397, 150.644 ),
zoom: 5
};
[Code].....
I see your article "Google maps v3 with multiple marker". I want to change the icon on that code. I want to use my custom icon instead of google red icon. I have tried using below code. but it's not working?
icon: { image: 'http://yava.ro/wp-content/plugins/responsive-maps-plugin/includes/icons/green.png',
iconsize: [50, 50], iconanchor: null, shadow: 'http://yava.ro/wp-content/plugins/responsive-maps-plugin/includes/icons/shadow.png', shadowsize: [50, 50], shadowanchor: null}
Code reference : [URL] ....
Also code does not work with HTML5 "".
I have a database table with Lat, Long, City and Url colums
On aspx, i am using google v3 maps with markerCluster enabled to.
The problem i am having is the map loads fine and shows the clusters. when i click the cluster it zooms to the markers but then If I click a marker I want it to redirect to another URL - that corresponds to that marker in the SQL database - Url Columns....
All my code is below:
<link href="Style/PlayMeStyle.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src = "https://maps.googleapis.com/maps/api/js?key=xxxxxxxxxxxxgEk&sensor=false">
</script>
<script type="text/javascript" src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/src/markerclusterer_compiled.js"></script>
<script type="text/javascript">
function initialize() {
[Code] .....
I am using multiple maker in google maps but I have requied all marker infowindow is always open. How I can do it? my code for multiple marker is -
window.onload = function () {
var mapOptions = {
center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
[Code].....
I have a problem with displaying maps in page load the map is displayed, but when I want to execute the code on a button click the map is not displayed
Function javascript
function AfficherMap() {
// alert("ssss");
var mapOptions = {
center: new google.maps.LatLng(markers[0].lat, markers[0].lng),
zoom: 10,
[Code] .....
I have list of hotels which have different address in each row in datalist control and there is a image button for view map in each row.On clicking that view map in dtatalist_item command event i want to pass that particular address and display into that map in next page.
View 1 Replieshow to change the route color when drawing routes on Google Maps
View 1 RepliesI need to show infowindow for the markers when clicked on gridview row. I could get infowindow but its just taking rowindex and displaying as i found this solution from this website. i need to display with datakeynames of gridview.
I could able to get datakeyname value but unable to trigger map with infowindow.
$("#lstLocations td").live("mouseover", function () {
google.maps.event.trigger(google_markers[$(this).parent()[0].rowIndex - 1], 'click');
});
$("#lstLocations td").live("mouseover", function () {
[Code].....
Refer [URL] .... I want when I click on map to show coordinate in text box it show marker in map I mean below marker:
View 1 RepliesMaps using only in Client side validation (Not using Asp.Net)
1) It must get the longitude and latitude from CSV file and it must be a fileupload and loads dynamically using Jquery.
2) Multiple markers showing different location.
I'm making a site that has a map in it and can search places and will locate the place.
View 1 RepliesThe page is not redirecting to another tab...the address is opening in the current tab itself but i want the address of google map to be redirected in another tab.my code is
protected void Button1_Click(object sender, EventArgs e)
{
string address;
try
{
[Code]....
i want to include google maps API into my ASP.NET page and allows users to input the locations(few places) they are going to visit. When the user inserts the location, the google maps API will mark these locations. It means in the maps it will mark the places. some red bubble to indicated the places is marked.
for example,i list a few checkboxes beside the check boxes will have a places'name. when the checkbox is checked, Google maps will make markers on these location. How to do this?
IF after the places is marked in google maps, i want to get some information from google maps (such as the coordinates of the all the marked place). Then, use google maps to run some code behind to find the shortest path using Travelling Salesman Problem (TSP) algorithm.
After that,generate the proper sequences of the places ( which place to go first, and which place to go last). is it possible to be done?
I am using simple google map. When first time click on tab "showmap" when perfect load map.
Like show in image 1:
Now "showmap" tab hide other tab show and then again open tab "showmap" then not perfect open map.
Like show in image 2:
The code is:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false&libraries=places"></script>
<script type="text/javascript">
function show()
{
var map;
[Code] .....
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var markers = [
<asp:Repeater ID="rptMarkers" runat="server">
[CODE]..
My DB Schema -
My DB Sample Data -
How do i display a particular marker on the map based on my search based on the koid or city field?
[URL]
I saw this code it is good but,I have to insert letters inside the markers?
If the marker is yellow color we have to insert 'y' inside that yellow color markers,if it is blue 'b' have to insert.
How would I?
