MapMyindia에 여러 마커 표시지도

지도를 사용하고 있습니다. 내 인도지도입니다. 위도와 경도를 정의하여지도에 마커를 표시합니다.하지만 이제지도에 여러 마커를 표시해야합니다. 내가 마커를 그리는 단일 마커를 준다.MapMyindia에 여러 마커 표시지도

<html xmlns="http://www.w3.org/1999/xhtml"> 
    <head> 
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

    <script type="text/javascript" src="http://apis.mapmyindia.com/v2.0/mapApi /licKey=4d29cecd1c6f9f97247b82e18b637093&platform=aspx"></script> 
<title>MapmyIndia Maps</title> 
</head> 
<body style="font-family:Verdana,Arial,sans-serif; font-size:12px; line-height:1.2em;"> 
<div id="MapDiv" style="width: 500px; height: 300px;"> 
</div> 

<script type="text/javascript"> 

var _X = '76.652826'; 

var _Y = '10.78716'; 
var pt = new Point(_X, _Y); 

    $().ready(function() { 
     var map = $("#MapDiv"); 
     map.MireoMap(); 
     map.MireoMap("addMarker", HTMLHelper.mapMarker("https://d2t1xqejof9utc.cloudfront.net/screenshots/pics/81591c98d66921ed45c6fbab36601942/medium.png", 100, 100), pt); 

    }) 

    </script> 

    </body> 
</html>

하나의 맵 plotting.I에 대한이 코드는 map.I이 위의 기준

http://www.mapmyindia.com/api/

http://maps.mapmyindia.com/

출처

2014-11-30 Vishal Nagra

<!DOCTYPE html> 
<html> 
<head> 
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
    <meta charset="utf-8"> 
    <title>Simple markers</title> 
    <style> 
     html, body, #map-canvas 
     { 
      height: 100%; 
      margin: 0px; 
      padding: 0px; 
     } 
    </style> 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
    <script src="https://maps.googleapis.com/maps/api/js?v=3.exp"></script> 
    <script src="http://google-maps-utility-library-v3.googlecode.com/svn/trunk/infobox/src/infobox.js"></script> 
    <script> 
     var map_infoBox = new InfoBox({ 
      content: '@', maxWidth: 0, isHidden: false, pixelOffset: new google.maps.Size(-161, -230), 
      zIndex: null, boxClass: 'infobox', closeBoxURL: "http://www.google.com/intl/en_us/mapfiles/close.gif" 
      , infoBoxClearance: new google.maps.Size(1, 1) 
     }); 


     function initialize() { 
      var map_MyOptions = { zoom: 5, center: new google.maps.LatLng(26.216667, 50.583333), 
       mapTypeId: google.maps.MapTypeId.ROADMAP 
      }; 
      map = new google.maps.Map(document.getElementById('map-locator-pin'), map_MyOptions); 
      for (var i =1 ; i < 10; i++) { 
       var lat = 26.216667 + i; //add your latitude value 
       var long = 50.583333; //add your longtitude value 
       var myLatLng = new google.maps.LatLng(lat, long); 
       marker = new google.maps.Marker({ position: myLatLng, map: map }); 
       google.maps.event.addListener(marker, 'click', 
                 function() { 
                  map_infoBox.setContent("<h1> Hello Title " + i + "</h1>"); 
                  map_infoBox.open(map, marker); 
                 }); 
      } 
     } 
     google.maps.event.addDomListener(window, 'load', initialize); 
    </script> 
</head> 
<body> 
    <div id="map-locator-pin" style="width: 800px; height: 100%;"> 
    </div> 
</body> 
</html>

검사에 대한 몇 가지 URL을 제공하는 여러 마커를 표시하려면 예

출처

2014-11-30 07:59:41

@prasead Google지도를 사용할 수 없습니다. 나는지도 [링크] (http://maps.mireo.hr/MAPSERVERHRVATSKA/docs/Tutorials.html)에 관한 약간의 참고 자료를 제공하는 링크를 참조한다. –

MapMyindia에 여러 마커 표시지도

답변

관련 문제