2013-11-19 2 views
0

Я хочу создать карту в мобильном приложении, а затем пользователь может пометить на ней графический символ или полигон. Итак, можно сделать как то AOR является ли библиотека доступна Вот example, в котором пользователь создать полигон на click event как я могу управлять в мобильном приложенииСоздание многоугольника на мобильном телефоне с использованием карты Google 3

ответ

1

Вот демо на странице jQM: http://jsfiddle.net/ezanker/8TK6a/1/

Внутри стандартного макета страницы находится div для карты: <div id="map"></div> с этим CSS;

#map{ 
    width: 100%; 
    height: 300px; 
    border: 2px solid black; 
} 

Затем в коде:

var map; 
var elevator; 
var myOptions = { 
    zoom: 6, 
    center: new google.maps.LatLng(36.231719,-113.030911), 
    mapTypeId: google.maps.MapTypeId.ROADMAP 
}; 
map = new google.maps.Map($('#map')[0], myOptions); 
var dm = new google.maps.drawing.DrawingManager({map: map, polygonOptions: {editable:true,fillColor:'#777777',strokeColor:'#595959',strokeWeight:2}}); 

UPDATE: добавлен PolygonOptions редактируемые: истинные, так что вы можете увидеть точки на каждой вершине.

+0

Hi Я пробовал это в Интернете и в Интернете, он показывает линию во время создания многоугольника после первого щелчка, пока он не завершит мобильный, но он не отображается. Можно ли показать строку (что-то вроде подвижной строки) – Blu

+0

Я только что посетил результат скрипки (http://jsfiddle.net/ezanker/8TK6a/1/embedded/result/) на Android Nexus 7 и моем iphone. В обоих случаях я рисовал многоугольник. Дважды коснитесь первой точки, затем коснитесь других точек, наконец, нажав первую точку, чтобы закрыть многоугольник. – ezanker

+0

ok Спасибо ezanker это решение полезно, я отмечаю, как принято – Blu

Смежные вопросы